16.
Nov
2005

Quicktags

Wenn man häufig ein bestimmtes Sonderzeichen benutzt, ist es auf die Dauer lästig, jedes Mal den HTML-Code hierfür tippen zu müssen. Doch das geht auch einfacher, nämlich indem man die Quicktags über dem Schreibfeld mit einem weiteren Quicktag mit eben diesem Sonderzeichen ergänzt.

Dazu muss die quicktags.js im Ordner wp-admin bearbeitet werden, natürlich erst nachdem vorher eine Sicherungskopie von ihr erstellt wurde. Oben in der Datei steht neben function edButton eine kurze Erklärung, und dementsprechend erstelle ich mir nun einen neuen Quicktag. Hierzu kopiere ich den Fettschrift-Quicktag, der so aussieht:

edButtons[edButtons.length] =
new edButton('ed_strong'
,'b'
,'<strong>'
,'</strong>'
,'b'
);

und füge ihn an der Stelle ein, an der der neue Quicktag erscheinen soll (ich habe ihn nach dem Blockquote-Tag eingefügt). Wenn ich nun beispielsweise ständig das ®-Zeichen benutze und dieses als Quicktag haben möchte, ändere ich den obigen Code wie folgt:

  • Das 'ed_strong' in der zweiten Zeile ist die sogenannte Button-ID, das ändere ich in 'ed_r'.
  • Das ,'b' in der dritten Zeile ist das, was auf dem Quicktag selbst als Text erscheint – hierhin schreibe ich ,'R'.
  • In die vierte Zeile kommt der HTML-Code des Sonderzeichens, also ,'&#174;'.
  • Die fünfte Zeile wird nur benutzt, wenn es sich um einen Tag handelt, der mit </> geschlossen werden muss, dort wird nichts eingetragen: ,''.
  • In der sechsten Zeile wird die Taste definiert, die zum Einfügen des Zeichens mit einer Tastenkombination benutzt wird, hierhin schreibe ich ,'r', was bedeutet, dass ich mein Sonderzeichen auch mit alt + r aufrufen kann.
  • Eine siebte Zeile mit dem Inhalt ,-1 muss noch hinzugefügt werden, da es sich hier nur um ein Sonderzeichen handelt, nicht um einen Tag, der geschlossen werden muss.

Nun kann ich die quicktags.js speichern, hochladen und anschließend einfach meinen neuen Quicktag anklicken oder die Tastenkombination alt + r drücken, wenn ich ein ® schreiben will.

Noch ein weiteres Beispiel für einen Tag, der geschlossen werden muss:
Wenn ich häufiger einzelne Wörter in rot schreiben möchte, ändere ich den Code so:

  • Zeile 2: 'ed_rot' als Button-ID
  • Zeile 3: ,'rot' als Text für den Quicktag-Button
  • Zeile 4: ,'<span style="color: #ff0000;">' hier fängt der rote Text an
  • Zeile 5: ,'</span>'hier endet der rote Text
  • Zeile 6: ,'y' für die Tastenkombination in Verbindung mit der alt-Taste
  • Eine siebte Zeile gibt es in diesem Fall nicht.

Nun ergibt:
051115
ein ®.

Einsortiert unter Admin-Bereich
Bookmarken bei: Diese Icons verlinken auf Bookmark Dienste bei denen Nutzer neue Inhalte finden und mit anderen teilen können.
  • MisterWong
  • del.icio.us
  • Technorati
  • Digg
  • Y!GG
  • Bloglines
  • Linkarena
  • Webnews

1 Kommentar:

  • 1

    [...] Bislang habe ich neue Quicktags über meinem Schreibfenster immer nach dieser Methode erstellt. Das hat den Nachteil, dass ich nach WordPress-Updates meine Änderungen an der quicktags.js, wenn diese auch verändert wurde, immer wieder neu einfügen musste. [...]

    Pingback von WordPress Testblog » Quicktags per Plugin hinzufügen
    Freitag, 25. August 2006, 11:02

Einen Kommentar schreiben:

Smilies einfügen:

http://www.barbarajany.de/wp1-5/wp-content/smilies/smile.gif 
http://www.barbarajany.de/wp1-5/wp-content/smilies/bye.gif 
http://www.barbarajany.de/wp1-5/wp-content/smilies/wink.gif 
http://www.barbarajany.de/wp1-5/wp-content/smilies/scratch.gif 
http://www.barbarajany.de/wp1-5/wp-content/smilies/cool.gif 
http://www.barbarajany.de/wp1-5/wp-content/smilies/rolleyes.gif 
http://www.barbarajany.de/wp1-5/wp-content/smilies/blush.gif 
http://www.barbarajany.de/wp1-5/wp-content/smilies/good.gif 
http://www.barbarajany.de/wp1-5/wp-content/smilies/angry.gif 
http://www.barbarajany.de/wp1-5/wp-content/smilies/whistle.gif 
http://www.barbarajany.de/wp1-5/wp-content/smilies/sad.gif 
http://www.barbarajany.de/wp1-5/wp-content/smilies/cry.gif 
http://www.barbarajany.de/wp1-5/wp-content/smilies/nono.gif 
 

RSS-Feed für Kommentare zu diesem Beitrag  ·   Trackback URL


Zum vorherigen oder nächsten Beitrag blättern:

«         »