perun.net – WordPress & Webwork



Quicktags

Von am 08. 05. 2005 um 18:39 – Aktualisiert am 09. 07. 2014 um 02:26

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 Artikel weiterempfehlen:

Hinweis:
Schulungsunterlagen für WordPress
Aktuell und praxiserprobt. Als E-Book für den Privatgebrauch oder als PDF-Volumenlizenz für den geschäftlichen Einsatz.

Verwandte Artikel:

Kategorien:
WordPress
Tags:
 
Beitrag:
Druckvorschau
Kommentare:
Kommentare verfolgen oder Kommentar abgeben

 — 


14 Kommentare

  1. 1.Stephan Lamprechts Notizen

    Trackback vom 09.05.2005 um 10:40

    Quicktags in WordPress anpassen – genial!

    In "Peruns Blog":http://www.perun.net/ bin ich gerade über einen "genialen Artikel":http://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. 2.iBlogging

    Trackback vom 18.05.2005 um 11:51

    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. 3.Manuel

    Kommentar vom 27.05.2005 um 17:27

    Hi Perun,
    Du wirst bestohlen, siehe hier ;)
    http://www.designs4web.ch/wordpress/?p=20

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

    Pingback vom 03.06.2005 um 21:32

    [...] 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 [...]

  5. 5.iBlogging.de

    Pingback vom 05.07.2005 um 13:08

    [...] 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 [...]

  6. 6.apollon

    Kommentar vom 29.10.2005 um 14:52

    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.

  7. 7. – http://www.claudie-b.de » Quicktags in WordPress anpassen

    Pingback vom 28.05.2006 um 00:03

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

  8. 8.colour of the soul » Plugin Comment Quicktags

    Pingback vom 31.05.2006 um 10:54

    [...] 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. [...]

  9. 9.Quicktags komfortabel erweitern » Peruns Weblog - Webwork und Internet

    Pingback vom 04.07.2006 um 14:15

    [...] 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. [...]

  10. 10. – Andrea

    Kommentar vom 17.04.2007 um 21:45

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

    Nur so als Info…

  11. 11.HTML-Editor von WordPress erweitern » Peruns Weblog

    Pingback vom 03.09.2008 um 16:24

    [...] 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 [...]

  12. 12.Dürrbi

    Kommentar vom 04.09.2008 um 08:40

    … 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.

  13. 13.Perun

    Kommentar vom 04.09.2008 um 12:29

    @Dürrbi,

    meinst du etwa das Plugin was ich hier beschrieben habe ;-)

  14. 14. – Wordpress als CMS: ein Beispiel

    Pingback vom 12.11.2008 um 08:45

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

Tut mir Leid, aber die Kommentar-Funktion ist momentan deaktiviert.



Weblog der perun.net webwork gmbh mit Artikeln zum Thema WordPress, Webwork, und Internet.