mardi 12 août 2014

[Joomla!3]Comment rajouter des format sur l'éditeur Tiny MCE, exemple le Boutton

Bonjour ,

Si vous avez besoin de modifier l'éditeur par defaut de joomla, tiny MCE, ces quelques lignes devrait vous être utile, j'explique comment rajouter un format boutton mais cela peut s'adapter pour bien d'autre choses (coloration de texte, etc...)

Il faut 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 :

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





Ce qui permet de voir div.btn dans les differents format de l'éditeur. (Je pense qu'on est obliger d'encadré avec une <div> ET un <a> ca permet par la suite de faire du ciblage spécifique dans votre custom.css par exemple


Ensuite je rajoute un lien (le fameux <a>), 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 :

Code HTML:
<div class="btn"><a href="#">BOUTTON</a></div>
et le rendu final :

Cliquez sur l'image pour la voir en taille réelle 

Nom :   939004Capture2.png 
Affichages : 0 
Taille :  1,4 Ko 
ID :    27921

Aucun commentaire:

Enregistrer un commentaire