Peruns Weblog - Webwork und Internet

Ist das private Weblog von Vladimir Simovic mit Berichten zum Thema Webwork und Internet. Ich wohne in Köln und arbeite als freier Webworker, Blogger und Autor.

Quicktags

Perun am 08. Mai 2005 um 18:39 Uhr
Xtopia

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

Verwandte Beiträge

Kategorien:
WordPress
Tags:
 
Beitrag:
Trackback-Adresse und die Druckvorschau
Rivva:
Was sagen die Anderen dazu?
Kommentare:
Kommentare verfolgen oder ein Kommentar abgeben

«« Zum vorherigen Beitrag — Zum nächsten Beitrag »»

10 Kommentare »»

  1. 1. – Stephan Lamprechts Notizen

    Trackback vom 09. Mai 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. Mai 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. Mai 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. Juni 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. Juli 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. Oktober 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. Mai 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. Mai 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. Juli 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. April 2007 um 21:45

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

    Nur so als Info…

Einen Kommentar hinterlassen

XHTML (folgende Tags sind erlaubt): <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> . Kommentar-Vorschau ist aktiviert (Javascript wird benötigt).

Code-Beispiele: damit die Code-Beispiele richtig angezeigt werden müssen die Sonderzeichen maskiert werden (z. B. < zu &lt;).

Live-Vorschau: