Wordpress Quicktags

Aug 18, 2008 Diverse

Dacă folosiţi, ca şi mine, editorul HTML din wordpress şi nu pe cel Visual , care este o mare bălărie apropos, cel mai probabil editorul vostru arată precum imaginea de mai jos. Un pic cam basic, destul de util în mare parte, dar de multe ori ne-am dorit un pic mai multe opţiuni. Eh, deşi poate părea destul de complicat la început, putem adăuga taguri noi şi chiar ne putem crea tagurile proprii, personalizate. Trebuie doar să modificăm un singur fişier numit quicktags.js pe care îl veţi găsi în wp-includes/js. Înainte de a face orice fel de modificări nu uitaţi să salvaţi originalul, doar pentru a putea restaura fişierul în cazul unor greşeli.

Primele linii din fişierul respectiv nu sunt prea interesante şi nici nu prezintă interes pentru articolul de faţă. Să analizăm mai bine modul de compunere al unui tag, să luăm tagul strong (aproximativ linia 36 din fişier) şi să explicăm linie cu linie ce şi cum.

edButtons[edButtons.length] = //deschidem sintaxa butonului
new edButton('ed_strong' //denumirea unică a butonului
,'b' // butonul propriu zis pe toolbar
,'<strong>' // deschidem tagul
,'</strong>' // închidem tagul
,'b' //quick acces key
); // închidem sintaxa butonului

Unele taguri care nu trebuiesc închise au o sintaxă un pic diferită, de exemplu, tagul img

edButtons[edButtons.length] = //deschidem sintaxa butonului
new edButton('ed_img' //denumirea unică a butonului
,'img' //butonul propriu zis pe toolbar
,'' //deschidem tagul
,'' // închidem tagul
,'m' //quick acces key
,-1 //caz special
); // închidem sintaxa butonului

Ok, destul de simplu şi uşor de modificat, nu? Pentru că de felul meu sunt mai comod un pic mi-am creat două taguri, unul dintre ele pentru un div cu formatare specială

edButtons[edButtons.length] = new edButton('ed_guest_div'
,'guest div'
,'<div class="guest">'
,'</div>'
,'g'
);

iar celălalt pentru afişarea codului php

edButtons[edButtons.length] =
new edButton('ed_sourcecode'
,'php code'
,'[sourcecode language="php" ]'
,'[/sourcecode ]'
,'h'
);

Rezultatul produs de cele două butoane personalizate create de mine în editorul vizual arată cam aşa (a se observa cele două noi butoane guest div şi php code din dreapta sus a toolbarului editorului HTML)

iar rezultatul pentru tine, cititorule, este acesta

Urmând exemplele de mai sus îţi poţi crea şi tu noi butoane pentru nevoile tale. De menţionat că acestea nu se vor afişa dacă foloseşti editorul Visual, iar dacă ai făcut orice greşeala de sintaxă şi totul arată cam ciudat doar suprascrie fişierul modificat cu cel original, presupunând că ai salvat fişierul original cum ţi-am spus la început, nu?

Poate te mai intereseaza:

Tags: quicktags, wordpress, wordpress quicktags