Tiny MCE nouvelle version - classes et balises [Résolu] - Version imprimable +- Forum CMS Made Simple FR (https://forum.cmsmadesimple.fr) +-- Forum : Général (https://forum.cmsmadesimple.fr/forum-3.html) +--- Forum : Modules, Tags (https://forum.cmsmadesimple.fr/forum-14.html) +--- Sujet : Tiny MCE nouvelle version - classes et balises [Résolu] (/thread-3789.html) |
Tiny MCE nouvelle version - classes et balises [Résolu] - guth - 10/03/2016 Citation :#~~~~~ DEBUT BLOC A NE PAS SUPPRIMER ~~~~~ Bonjour, Sur les anciennes version de Tiny MCE, il était possible d'utiliser les classes figurant dans le css via le menu déroulant "Styles" de la barre d'outils. Je n'ai pas retrouvé d'équivalent dans la nouvelle version, et l'ajout dans la configuration de la barre d'outils de "styleselect |" n'affiche qu'un menu "Format" qu'on peut retrouver dans la barre de menu. Dans celle-ci, il y a la ligne "format: {title: 'Format', items: 'bold italic underline strikethrough superscript subscript | formats | removeformat'}" qui pourrait proposer l'affichage des classes, mais quelle serait la mention à ajouter (styleselect ne fonctionne pas) ? Par ailleurs dans les pages, j'ai besoin d'insérer des listes à puce dont les item contiennent des balises span. Code : [== HTML ==] Je les intègre via "Outils > Code source", mais tiny MCE enlève systématiquement les balises span. Y a-t-il un moyen de garder la main sur le HTML ? Je n'ai rien trouvé sur le site de Tiny MCE. Merci de vos réponses Tiny MCE nouvelle version - classes et balises [Résolu] - airelibre - 11/03/2016 Bonjour, c'est dans l'onglet "css" : "Formats de style" J'y ai mis un exemple : Code : title: 'Titre rouge', block: 'h2', classes: 'text-red' C'est un peu plus complexe qu'avant, mais plus puissant. Regarde aussi l'aide de ce champ, j'y ai indiqué le bouton à ajouter. Pour les span, je ne suis pas sûr que tu puisses si Tiny à son niveau te les supprime. Cependant, il serait préférable et plus propre d'attribuer plutôt une classe sur le UL Tiny MCE nouvelle version - classes et balises [Résolu] - Jean le Chauve - 11/03/2016 Pour tes listes à puces, pourquoi ne pas utiliser un content block sans wysiwyg ? Chaque terme serait séparé par un | (pipe). Ex.: test|essai|bonjour Tu assignes la sortie (string) à une variable $termesPuce. Code : <head> Code : <ul> Tiny MCE nouvelle version - classes et balises [Résolu] - airelibre - 11/03/2016 Je pense qu'il veut pouvoir le placer où il veut dans le WYSIWYG Je partirai plutôt vers un style prédéfini sur l'ensemble de la balise UL via le styleselect Ou alors un gabarit externe Tiny MCE nouvelle version - classes et balises [Résolu] - guth - 11/03/2016 @airelibre : Excellent, je suis passé complètement à côté de ce champ dans l'onglet css ! l'utilisateur pourra retrouver de la marge de manœuvre dans l'édition. Au graphiste qui le coache de le convaincre de ne pas en abuser... Le graphiste m'avait demandé des listes dont les puces sont colorées différemment, mais aussi la possibilité de colorer des parties de phrases dans les li. Impossible donc de faire une règle css générale au départ de ul sans passer par un span. Pour les puces, je passerai plutôt par un li::before en ayant supprimé le list-style-type de ul. @Jean le Chauve : C'est toujours un régal de lire tes interventions : tu n'imagines pas le nombre de solutions que j'ai pu trouver/appliquer après avoir lu tes posts, en particulier en ce qui concerne Smarty. Celle-ci me sera également utile dans la mesure où on me demande aussi entre autres une liste inline avec des puces, qui ne sont normalement visibles qu'avec des li block. Un grand merci à tous les deux. Tiny MCE nouvelle version - classes et balises [Résolu] - airelibre - 11/03/2016 guth a écrit :Le graphiste m'avait demandé des listes dont les puces sont colorées différemment, mais aussi la possibilité de colorer des parties de phrases dans les li. Impossible donc de faire une règle css générale au départ de ul sans passer par un span. Pour les puces, je passerai plutôt par un li::before en ayant supprimé le list-style-type de ul. Ok, dans ce cas vaut mieux ajouter un "span" dans la fameuse liste de styles que tu peux paramétrer, la styliser pour voir la différence dans l'éditeur, et enfin laisser le rédacteur choisir quel mot doit l'avoir. Bonne continuation |