[RÉGLÉ] Personnalisé l'éditeur Tiny MCE

[Akharii]

bonjour tout le monde,

Alors voilà je bloque sur un petit truk concernant l'éditeur tiny MCE.

Je voudrais pouvoir ajouter un formatage qui ferait la chose suivante :

'on sélectionne unmot/groupe de mots'
'on clique sur Format -> boutton (qui n'existe actuellement pas)
'une popup s'ouvre et nous demande de renseigner une URL'
'on valide'

et on obtient un bouttons avec le style btn défini dans le custom CSS.
(en gros ca encadre le mot sectionner de la sorte :

<a class="btn btnRouge" href="le lien">le mot</a>

le problème c'est que je ne sais pas trop comment m'y prendre, j'ai reussi a rajouter des format different mais uniquement avec des div et une classe spécifique (j'ai fait ca en modifiant le fichier editor.css de mon template.

Par contre impossible de le faire avec une balise <a> qui prend en arguments une classe (ex : btn) et un href.
J'ai reussi à le faire avec un autre site sur wordpress donc je pense que c'est fesable (sous WP je modifie un functions.php qui est dans le template)

Je précise que je dois absolument utiliser tiny MCE (et donc pas de JCE editor)

Merci d'avance,
Amicalement,
Akharii

[Akharii]

Re : Personnalisé l'éditeur Tiny MCE

Bonjour à nouveau,

J'ai reussi à solutionner mon problème je post ma solution ici dans le soucis que ca serve peut-être un jour

J'ai simplement modifier le fichier editor.css (qui ce trouve dans template/system/css)
J'ai placer ma classe btn dans une div de cette façon :

div.btn      { padding: 0 10px 0 10px; }

Ce qui permet de voir div.btn dans les differents format de l'éditeur



Ensuite je rajoute un lien, et le tour est joué.
Si l'on regarde le code obtenu aprés avoir cliquez sur le format et sur le lien on obteint ceci :

<div class="btn"><a href="#">BOUTTON</a></div>

et le rendu final :