Bonjour

J'essaie désespérément de faire afficher les éléments de la liste déroulante 'format' dans la barre de menu de l'éditeur JCE avec les mêmes styles que ceux de mon template. Mes différents niveaux de titres sont correctement affichés dans la fenêtre d'édition, mais pas dans la liste déroulante, où ils apparaissent avec une mise en forme différente, ce qui perturbera mes utilisateurs. J'ai essayé tout ce que j'ai trouvé sur les divers sites et forums, mais rien à faire...

Mon site est en joomla 1.5.15 et j'ai installé JCE composant 1.5.7 FR-EN et plugin 1.5.6 FR-EN .

Vous auriez des pistes ?

Merci d'avance.

hello,
Je suis pas sûr d'avoir compris, si vous voulez que l'on puisse visualiser les styles déjà dans la liste déroulante ce n'est pas possible, les listes déroulantes restent en noir sur blanc. S'il serait possible de changer en allant dans le code, ce ne serait que pour toute la liste.

Bonjour mihaly

Oui, c'est exactement ça que j'aimerais faire, les styles des différents niveaux de titres de mon site ne correspondent pas du tout à l'aperçu du menu déroulant, et cela va perturber les utilisateurs.

Il n'y a vraiment aucun moyen d'y remédier ?

Non désolé, comme je l'ai dis, le style s'applique à toute la liste.
Ces réglages viennent de l'éditeur TinyMCE qui sert de base à JCE.

Mais ça doit bien être possible de modifier ce formatage, puisque ce n'est pas juste une liste d'éléments de même hiérarchie qui s'affiche. Il doit y avoir l'information quelque part, non ?

Si tu ne connais pas, je te conseille d'ajouter l'addon de Firefox nommé Firebug qui te permettra de trouver les classes de tes éléments.
En regardant je vois que cela vient du fichier ui.css qui est dans le dossier du template utilisé pour l'éditeur.
Par exemeple : plugins/editors/jce/tiny_mce/themes/advanced/skins/default/ui.css
/* Formats */
.defaultSkin .mce_formatPreview a {font-size:10px}
.defaultSkin .mce_p span.mceText {}
.defaultSkin .mce_address span.mceText {font-style:italic}
.defaultSkin .mce_pre span.mceText {font-family:monospace}
.defaultSkin .mce_h1 span.mceText {font-weight:bolder; font-size: 2em}
.defaultSkin .mce_h2 span.mceText {font-weight:bolder; font-size: 1.5em}
.defaultSkin .mce_h3 span.mceText {font-weight:bolder; font-size: 1.17em}
.defaultSkin .mce_h4 span.mceText {font-weight:bolder; font-size: 1em}
.defaultSkin .mce_h5 span.mceText {font-weight:bolder; font-size: .83em}
.defaultSkin .mce_h6 span.mceText {font-weight:bolder; font-size: .75em}