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 :-).

Diesen Blogartikel teilen:

Verwandte Beiträge:

Divi: Premium-Theme für WordPress
Werbung

Geschrieben von Vladimir

Vladimir Simović, arbeitet seit 2000 mit HTML & CSS und seit Januar 2004 mit WordPress. Im Laufe der Jahre hat er diverse Fachbücher und Fachartikel publiziert.

  1. Quicktags in WordPress anpassen – genial!

    In „Peruns Blog“:https://www.perun.net/ bin ich gerade über einen „genialen Artikel“:https://www.perun.net/2005/05/08/quicktags/ gestolpert, der zeigt, wie sich die Quicktags in „WordPress“:http://www.wordpress.org anpassen lassen. Nach so etwas ha…

  2. Quicktags unter WordPress anpassen

    Wer unter WordPress einen neuen Blog-Eintrag oder eine neue Seite erstellt, dem stehen die verschiedensten Quicktags zur Verfügung. Bei Peruns Blog gibt es nun einen sehr hilfreichen Artikel, wie man die Quicktags verändern und ergänzen kann. Dazu …

  3. […] en welche Plugins für den jeweiligen Kunden sinvoll sind und ob man den einen oder anderen Quicktag entfernt oder nützliche Quicktags hinzufügt. Stichwörter: wordpress-anpassung […]

  4. […] Wer unter WordPress einen neuen Blog-Eintrag oder eine neue Seite erstellt, dem stehen die verschiedensten Quicktags zur Verfügung. Bei Peruns Blog gibt es nun einen sehr hilfreichen Artikel, wie man die Quicktags verändern und ergänzen kann. Dazu muss lediglich die Datei wp-admin/quicktags.js verändert werden. Aber mehr dazu bei Peruns Blog […]

  5. 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. http://www.claudie-b.de » Quicktags in WordPress anpassen Sonntag, 28. Mai 2006 am 00:03

    […] Quicktags können in WordPress angepaßt bzw. erweitert werden. Dazu gibt es in Peruns Blog eine hilfreiche Beschreibung. […]

  7. […] Nachtrag: Gerade hab ich noch für dieses Thema einen sehr interessanten Bericht über Quicktags bei Perun gefunden. Da wird auch noch mal sehr ausführlich dieses Thema behandelt. […]

  8. […] Es ist schon über ein Jahr her als ich beschrieben habe wie man in WordPress, die Quicktags manuell anpassen kann. Quicktags sind für Leute interessant die beim Verafssen der Beiträge nicht den WYSIWYG-Editor nutzen. […]

  9. Bei der WordPress Version 2.1.3 liegt die Datei jetzt unter wp-includes/js.

    Nur so als Info…

  10. […] quicktags.js bearbeiten um die Quicktags (Formatierungen und Auszeichnungen) zu erweitern. Wie man die Quicktags manuell erweitert, habe ich vor mehr als drei Jahren beschrieben und die Anleitung ist noch immer […]

  11. … oder man nutzt das Plugin AddQuicktag von Frank Bueltge. Damit muss man die Ändurngen in der quicktag.js nicht nach jedem WordPress-Update aufs Neue machen.

  12. @Dürrbi,

    meinst du etwa das Plugin was ich hier beschrieben habe 😉

  13. Wordpress als CMS: ein Beispiel Mittwoch, 12. November 2008 am 08:45

    […] welche Plugins für den jeweiligen Kunden sinnvoll sind und ob man den einen oder anderen Quicktag entfernt oder nützliche Quicktags […]

Kommentare sind geschlossen.