WordPress & Webwork

Quicktags

Quicktags Wenn man innerhalb von WordPress einen neuen Beitrag oder eine neue Seite (Page) schreibt, so hat man die Möglichkeit mittels der sog. "Quicktags" (quick = schnell; tag = Markierung, Etikette) auf einen Satz vorgegebener Anweisungen (Seitenumbruch, Vorspann) und HTML-Tags (Zitat, Liste, Code etc.) zuzugreifen. Diese Quicktags werden in der Datei wp-admin/quicktags.js definiert.

Wer mit dem Standardsatz an Quicktags nicht zufrieden ist, der kann sie mittels eines Texteditors (z. B. Notepad oder Weaverslave) ändern bzw. anpassen.

In der Zeile 9 befindet sich eine allgemeine Anweisung (Kommentare übersetzt):

function edButton(id, display, tagStart, tagEnd, access, open) {
this.id = id; // Name des Buttons
this.display = display; // Beschriftung des Buttons
this.tagStart = tagStart; // öffnender Tag
this.tagEnd = tagEnd; // schließender Tag
this.access = access; // Tastaturküzel/Shortcut
this.open = open; // -1 wenn der Tag nicht geschlossen werden muss
}

Demnach gibt es zwei Arten von Quicktags. Diejenigen die einen Abschluss brauchen (z. B. <li></li>) und diejenigen die keinen Abschluss brauchen (z. B. <!--more-->). Hier die dazugehörigen Code-Beispiele:

edButtons[edButtons.length] =
new edButton('ed_em'
,'em'
,'<em>'
,'</em>'
,'i'
);

edButtons[edButtons.length] =
new edButton('ed_more'
,'more'
,'<!--more-->'
,''
,'t'
,-1
);

Noch nicht verstanden? Ein Beispiel zum Üben? OK, nehmen wir mal an du willst die deutschen Anführungszeichen als Quicktag einfügen. Öffnendes Anführungszeichen ist (Code: &bdquo;) und das schließende Anführungszeichen ist (Code: &rdquo;). Der dazugehörige Javascript-Code für die quicktags.js wurde folgendermaßen ausschauen:

edButtons[edButtons.length] =
new edButton('ed_anrede'
,'anrede'
,'&bdquo;'
,'&rdquo;'
,'r'
);

Der Buchstabe in der letzten Reihe bezieht sich auf das Shortcut (Tastenkombinationen) des jeweiligen Quicktags. Die Tastenkombinationen funktionieren in Verbindung mit der Alt-Taste (Beispiel: Alt + q für Zitat). Hier eine Liste der Tastenkombinationen für den Standardsatz der Quicktags.

  • b: fett (wichtiger Textabschnitt).
  • i: kursiv (hervorgehobener Textabschnitt).
  • a: Link einfügen.
  • q: Zitat.
  • d: überholter Inhalt.
  • s: neu eingefügter Inhalt.
  • m: Bild einfügen.
  • u: ungeordnetet Liste.
  • o: geordnete Liste.
  • l: Listenpunkt.
  • c: Code-Beispiel.
  • t: "weiterlesen"/more bzw. Aufteilung in Vorspann und Rest.
  • p: "nächste Seite" ("Seitenumbruch").

Weitere Infos guckst du hier. Vielen Dank an Sahanya für die Hilfe :-).

14 Reaktion(en)

  1. Pingback: Stephan Lamprechts Notizen

  2. Pingback: iBlogging

  3. Pingback: Wordpress als CMS: ein Beispiel » Peruns Blog - Webwork und Internet

  4. Pingback: iBlogging.de

  5. apollon

    Vielen Dank für dieses Workarround. Anpassungen haben prima geklappt. Nun würde ich aber noch zugerne wissen, wie ich eine weitere Schaltfläche für Links integrieren kann. Das scheint nicht ganz so leicht zu sein – oder? Vielen Dank, wenn sich jemand erbarmen sollte.

  6. Pingback: http://www.claudie-b.de » Quicktags in WordPress anpassen

  7. Pingback: colour of the soul » Plugin Comment Quicktags

  8. Pingback: Quicktags komfortabel erweitern » Peruns Weblog - Webwork und Internet

  9. Pingback: HTML-Editor von WordPress erweitern » Peruns Weblog

  10. Pingback: Wordpress als CMS: ein Beispiel

Die Kommentare in diesem Beitrag sind geschlossen.