Knappar kan knappast ta lång tid att infoga, tänkte jag. Det krävdes nämligen inte många inlägg för att jag skulle tröttna på att märka upp anfanger och kapitäler med <span class="anfang"> respektive <span class="caps"> för hand. I wp-includes/js/quicktags.js kan man snabbt och enkelt skapa egna knappar till WordPress HTML-editor. Sagt och gjort, ovanför koden för fetstilsknappen:

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

lade jag till följande kod:

edButtons[edButtons.length] =
new edButton('ed_anfang'
,'anfang'
,'<span class="anfang">'
,'</span>'
,'f'
);

edButtons[edButtons.length] =
new edButton('ed_caps'
,'caps'
,'<span class="caps">'
,'</span>'
,'p'
);

och hade med snabbt skapat två knappar som underlättar mitt bloggande. Numera markerar jag bara den bokstav som ska vara anfang eller den text som ska vara i kapitäler och klickar sedan på lämplig knapp (alternativt använder jag mina kortkommandon: Ctrl+F resp. Ctrl+P) för att automatiskt  omsluta min markering med <span class="anfang">A</span> eller <span class="caps">nfang och kapitäler</span>.

Nya knappar: anfang och caps

Vad betyder då kodsnuttarna? Funktionen edButton() ställer så gärna upp och förklarar det för oss:

function edButton(id, display, tagStart, tagEnd, access, open) {
    this.id = id;                // used to name the toolbar button
    this.display = display;        // label on button
    this.tagStart = tagStart;     // open tag
    this.tagEnd = tagEnd;        // close tag
    this.access = access;        // access key
    this.open = open;            // set to -1 if tag does not need to be closed
}

Med access key menas den tangent som tillsammans med Ctrl utgör ett kortkommando för knappen. Guld värt!