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!