6
votes

TinyMCE Ajouter une classe à IMG Tag

J'utilise TinyMce Editor comme éditeur autonome de mon CMS.

Le site, par défaut place une bordure incurvée autour de toutes les balises d'image de l'ID DIV CMS.

J'ai besoin d'avoir l'option, dans le CMS de contourner en ajoutant un class = " Non-style " sur l'occasion rare Une image ajoutée à une page ne doit pas avoir la frontière CSS. Cependant, je ne vois aucun moyen de le faire avec TinyMCE ..

Tout ce que je vois est un moyen d'entrer des balises de style, mais cela ne fonctionnera pas depuis le code que j'utilise dans CSS pour faire les frontières Est-ce: xxx

afin de prendre tous ceux à 0PX à chaque fois que je dois faire une image sans bordure ne prend pas de temps et de ne pas mentionner trop pour la personne moyenne. < / p>

SO sur cette page: http://d.pr/i/wslc < / p>

est là un moyen d'avoir une liste déroulante ou une zone de texte où quelqu'un peut taper "juste comme style" un nom de classe, tel que non style qui serait dans le style.css en prenant ces propriétés que j'ai ci-dessus à zéro?

merci!


0 commentaires

3 Réponses :


-3
votes

Essayez de mettre votre code sur le mode HTML dans TinyMCE.


0 commentaires

1
votes

TinyMCE a un soutien pour cela.

Lorsque vous ajoutez une nouvelle image ( Insérer / Ajouter une image -Popup), cliquez sur l'onglet qui dit apparence . Dans la liste déroulante qui dit classe , a choisi la valeur et entrez no-style . Je pense que vous pouvez personnaliser TinyMCE pour soutenir vos propres cours (c'est-à-dire qu'il est déjà répertorié), mais je ne sais pas comment vous pouvez le faire. En regardant la documentation devrait aider, si vous ne voulez pas le taper manuellement à chaque fois.

Edit: Ah, je n'ai pas regardé la photo avant que je réponde. On dirait que vous avez une version obsolète de TinyMCE. Sur la page Web, la liste déroulante décrite ci-dessus est disponible: site officiel .

superedit: Si vous avez déjà la dernière version, examinez les plugins que vous chargez. Jetez un coup d'œil à la source du site officiel et comparez-la à votre vôtre.


0 commentaires

19
votes

Vous devez définir une liste de classes prédéfinies selon https: // www. TinyMCE.com/docs/plugins/Image/#Image_Class_List

Ajout des éléments suivants à TinyMce.init CODE> P>

image_class_list: [
    {title: 'None', value: ''},
    {title: 'Lightbox', value: 'lightbox'},
]


1 commentaires

Belle solution. Merci