Benutzerdefinierte BBCodes in Dropdown-Menü

[White Noise]

Vorraussetzung:
BBCodes wurden im ACP => Beiträge => BBCodes erstellt.

Öffne styles/prosiver/template/posting_buttons.html
Suche:

Code: Alles auswählen

    <!-- BEGIN custom_tags -->
        <input type="button" class="button2" name="addbbcode{custom_tags.BBCODE_ID}" value="{custom_tags.BBCODE_TAG}" onclick="bbstyle({custom_tags.BBCODE_ID})" title="{custom_tags.BBCODE_HELPLINE}" />
    <!-- END custom_tags -->


DANACH Einfügen:

Code: Alles auswählen

   <select name="dropbbcode" onchange="bbfontstyle('[' + this.form.dropbbcode.options[this.form.dropbbcode.selectedIndex].value + ']', '[/' + this.form.dropbbcode.options[this.form.dropbbcode.selectedIndex].value + ']') ;this.form.dropbbcode.selectedIndex = 0;">
      <option value="" selected="selected">Video</option>
      <option value="youtube">Youtube</option>
      <option value="dailymotion">Dailymotion</option>
      <option value="myvideo">Myvideo</option>      
   </select>


Erklärung:
Die ausgebenen Felder im Dropdown-Menü werden mit:

Code: Alles auswählen

<option value="dailymotion">Dailymotion</option>


definiert. Die Liste kann beliebig erweitert werden.

BEACHTE:
Damit die benutzerdefinierten BBCodes nicht doppelt angezeigt werden muss die Option BBCodes im Beitrag anzeigen deaktiviert werden:

Code: Alles auswählen

Beim Verfassen eines Beitrags anzeigen: deaktiviert

Ergebnis:

BBCODE_Dropdown.jpg (28.11 KiB) 1236-mal betrachtet

=================================================================
Hinweis:
Das Snippet wurde von uns ebenfalls auf Ongray-Design.de veröffentlicht.
=================================================================

[SeewolfPK]

Prima, White Noise.

Feines Snippet. Bereits bei mir http://windows-8-hilfe.de installiert.

Dir zu Ehren als BBCodeMenue by White Noise

Kann man auch die vordefinierten BBCodes

1.PNG (14.88 KiB) 1227-mal betrachtet

ganz oder teilweise ins neue Menue bringen und dort, wo sie jetzt sind, entfernen?

[White Noise]

Beispiel "IMG":

Code: Alles auswählen

<option value="img">Bild</option>


Damit der BBCode nicht doppelt aufgeführt wird musst du den hardcoded Button (Beispiel: img) entfernen:

Code: Alles auswählen

   <!-- IF S_BBCODE_IMG -->
      <input type="button" class="button2" accesskey="p" name="addbbcode14" value="Img" style="width: 40px" onclick="bbstyle(14)" title="{L_BBCODE_P_HELP}" />
   <!-- ENDIF -->

Für die Schriftgröße würde ich das per Standard definierte Dropdownfeld belassen!

Liste der hardcoded Standard-TAGs:
[b]

Code: Alles auswählen

<input type="button" class="button2" accesskey="b" name="addbbcode0" value=" B " style="font-weight:bold; width: 30px" onclick="bbstyle(0)" title="{L_BBCODE_B_HELP}" />

[i]

Code: Alles auswählen

   <input type="button" class="button2" accesskey="i" name="addbbcode2" value=" i " style="font-style:italic; width: 30px" onclick="bbstyle(2)" title="{L_BBCODE_I_HELP}" />

[u]

Code: Alles auswählen

   <input type="button" class="button2" accesskey="u" name="addbbcode4" value=" u " style="text-decoration: underline; width: 30px" onclick="bbstyle(4)" title="{L_BBCODE_U_HELP}" />

[quote]

Code: Alles auswählen

   <!-- IF S_BBCODE_QUOTE -->
      <input type="button" class="button2" accesskey="q" name="addbbcode6" value="Quote" style="width: 50px" onclick="bbstyle(6)" title="{L_BBCODE_Q_HELP}" />
   <!-- ENDIF -->

[code ]

Code: Alles auswählen

<input type="button" class="button2" accesskey="c" name="addbbcode8" value="Code" style="width: 40px" onclick="bbstyle(8)" title="{L_BBCODE_C_HELP}" />

[list]

Code: Alles auswählen

   <input type="button" class="button2" accesskey="l" name="addbbcode10" value="List" style="width: 40px" onclick="bbstyle(10)" title="{L_BBCODE_L_HELP}" />

[list=]

Code: Alles auswählen

   <input type="button" class="button2" accesskey="o" name="addbbcode12" value="List=" style="width: 40px" onclick="bbstyle(12)" title="{L_BBCODE_O_HELP}" />

[*]

Code: Alles auswählen

   <input type="button" class="button2" accesskey="y" name="addlitsitem" value="[*]" style="width: 40px" onclick="bbstyle(-1)" title="{L_BBCODE_LISTITEM_HELP}" />

[img]

Code: Alles auswählen

   <!-- IF S_BBCODE_IMG -->
      <input type="button" class="button2" accesskey="p" name="addbbcode14" value="Img" style="width: 40px" onclick="bbstyle(14)" title="{L_BBCODE_P_HELP}" />
   <!-- ENDIF -->

[url]

Code: Alles auswählen

   <!-- IF S_LINKS_ALLOWED -->
      <input type="button" class="button2" accesskey="w" name="addbbcode16" value="URL" style="text-decoration: underline; width: 40px" onclick="bbstyle(16)" title="{L_BBCODE_W_HELP}" />
   <!-- ENDIF -->

[flash]

Code: Alles auswählen

   <!-- IF S_BBCODE_FLASH -->
      <input type="button" class="button2" accesskey="d" name="addbbcode18" value="Flash" onclick="bbstyle(18)" title="{L_BBCODE_D_HELP}" />
   <!-- ENDIF -->

[SeewolfPK]

Nicht bei allen Codes funktioniert es nicht mit dem accesskey, während

Code: Alles auswählen

 
<option value="b">fett</option>
<option value="i">italic</option>
<option value="u">unterstrichen</option>

so geht,

benötigt quote auch quote in option value und list auch list bei option value.

Sehr gut gefällt mir die freie Positionierung im Menue!

Kann man eigentlich die beiden markierten Codes auch ins Menue einbinden?

1.PNG (11.62 KiB) 1225-mal betrachtet

[White Noise]

Der Accesskey hat eine ganz andere Bedeutung bzw. Anwendung.
Du musst den BBCode so eintragen wie er verwendet wird => BBCode-Anleitung

[SeewolfPK]

Fein!

Das nenne ich prima Support!!!

[White Noise]

Die Schriftgröße und Farbe kann man nicht mit dieser relativ einfachen Methode einfügen. Das Menü ist für Foren gedacht die sehr viele Custom BBCodes verwenden und so einen aufgeräumten Editor erhalten.

[SeewolfPK]

Okay, Danke!

Sieht auch so schon schön aufgeräumt aus:

1.PNG (11.74 KiB) 1203-mal betrachtet

und man kann einige Codes "sichtbar" erklären:

1.PNG (48.51 KiB) 1203-mal betrachtet

und die Reihenfolge abgeändert sieht so aus:

1.PNG (11.78 KiB) 1200-mal betrachtet