Articles taggés avec ‘quicktags’

Personnalisez les quicktags de Wordpress lors de l’édition d’un billet

Wednesday 10 January 2007

Si comme moi vous n’arrivez toujours pas à vous faire à l’éditeur WYSIWYG de WordPress (essayez de copier-coller un code embed provenant de youtube par exemple en ayant pris soin avant de basculer en mode HTML et vous verrez le désastre…), vous n’avez comme autre choix que d’utiliser les quicktags de WordPress, sorte de petits boutons cliquables nous épargnant la saisie fastidieuse des balises HTML.

Eh bien, sachez qu’il est possible de les éditer ces petits boutons pour se configurer la barre quicktags de nos rêve. Deux cadeaux: un tutoriel qui explique tout cela et une barre améliorée de la mort qu’il suffit de charger sur son serveur à la place de l’originale.

Par exemple, lorsque j’ajoute une citation, la barre orginale me permet en cliquant sur blockquote d’obtenir ceci:

<blockquote></blockquote>

Jusqu’à présent, je devais rajouter à la main un attribut cite et la mention source pour obtenir ceci:

<blockquote cite="">

Source</blockquote>

Il suffit de repérer dans le fichier quicktags.js le code suivant:

edButtons[edButtons.length] =
new edButton('ed_block'
,'b-quote'
,'\n\n<blockquote>'
,'</blockquote>\n\n'
,'q'
);

et de remplacer par

edButtons[edButtons.length] =
new edButton('ed_block'
,'b-quote'
,'\n\n<blockquote cite="">'
,'\n\nSource</blockquote>\n\n'
,'q'
);

Et pour finir en beauté, on remarquera que l’avant-dernière ligne indique le raccourci clavier du quicktag, ici “q”. Sur OS X et Firefox, utilisez la touche Ctrl+q, sur Windows, essayez par exemple Alt+q ou ?

Tags: , , , , , , ,