web-dev-qa-db-fra.com

Comment envelopper des blocs sélectionnés dans une balise HTML personnalisée dans l'éditeur d'article à l'aide de TinyMCE

J'ai une situation où parfois un bloc de textes de paragraphe ou une seule image doit être enveloppé dans une div spéciale. J'essaie de trouver un moyen de le faire sans avoir à modifier le code HTML, ce qui serait aussi simple que 'Basculer l'éditeur' et ajouter manuellement un wrap aux balises requises.

La seule façon pour moi d'y parvenir est d'ajouter ce qui suit dans la fonction tinymce.init de l'éditeur par défaut (TinyMCE) dans partie étendue :

style_formats : [
    {title : 'Wrapper container', block : 'div', classes : 'wrap-div', wrapper : true}
],

Maintenant, cela montre un nouveau style dans l'éditeur (Format -> Formats -> Wrapper Container) et quand je l'applique, cela fonctionne bien, mais cette méthode nécessite que je modifie un fichier de base et je me demandais s'il y avait une meilleure solution à ce problème. ? Merci.

2
sifu

Vous pouvez utiliser JCE si vous vous inscrivez à leur adhésion JCE Template Manager , ce qui vous permet de sauvegarder des blocs de HTML en tant que modèle.

De plus, vous pouvez facilement ajouter un feuille de style d'éditeur personnalisé à JCE. Une fois ajouté, vous utilisez simplement le menu déroulant pour sélectionner le style.

Le commentaire ci-dessus suggère également No Numbers content Templater qui, à mon avis, est plus puissant bien que je ne l'utilise jamais personnellement, beaucoup de personnes que je connais le recommandent. Il existe des versions gratuites et payantes.

1
Eoin