Personnaliser TinyMCE en utilisant le module WYSIWYG de Drupal

Question

Je cherche à créer un bouton personnalisé sur la barre d'outils TinyMCE qui enveloppe le contenu actuellement sélectionné dans un div avec une classe. J'utilise drupal 6.19 avec wysiwyg-dev et TinyMCE 3.3.9.2.

texte Exemple:

<h3>Heading</h3> 
<p>Sample text</p> 
<ul> 
    <li>item 1</li> 
    <li>item 2</li> 
</ul> 
<p>more text</p> 

Exemple de texte qui a été mis en évidence et avait le bouton « » pressé:

<div class="note"> 
    <h3>Heading</h3> 
    <p>Sample text</p> 
    <ul> 
     <li>item 1</li> 
     <li>item 2</li> 
    </ul> 
    <p>more text</p> 
</div> 

J'ai lu quelques forums sur Internet, et ont trouvé des gens qui sont venus près de résoudre cela. Certains utilisent un plugin TinyMCE personnalisé comme dans ce type http://forum.cmsmadesimple.org/index.php?topic=44093.0

Certains disent que la nouvelle version de TinyMCE 3.3 a maintenant la possibilité de le faire grâce à la variable «formats de lorsque vous initialisez TinyMCE - http://tinymce.moxiecode.com/punbb/viewtopic.php?pid=73468

Ma question est - Quelle est la meilleure façon d'y parvenir en utilisant drupal? Je suis encore pour obtenir l'un des plus haut de travail

MISE À JOUR

ont résolu la question maintenant, Jeremy était juste en dessous, et je savais que sa réponse était techniquement la bonne réponse, je demandais surtout si quelqu'un d'autre avait fait un travail similaire à cela et avait déjà créé le module d'une etc.

Quoi qu'il en soit, au cas où quelqu'un d'autre vient à travers ce problème, voici les fichiers:

• drupal_module_wysiwyg_wrapped_div_1.0.zip
• tinymce_plugin_wrapped_div_1.0.zip

Laissez-moi savoir si vous trouvez ces fichiers utiles;)

Merci Sean

Answer 1

Je suppose ici que vous avez le travail de bouton et essayez d'obtenir pour travailler à travers Drupal.

Sinon, c'est votre premier pas. Diviser le problème en un problème d'implémentation et un problème d'intégration. Une fois que vous travaillez dans une situation autonome, vous pouvez créer un module pour l'implémenter avec Drupal.

Vous aurez besoin de créer un module qui implémente hook_wysiwyg_plugin() pour créer le bouton en tant qu'option dans la page des paramètres wysiwyg.

Jetez un oeil à la IMCE wysiwyg bridge module, il met en œuvre un bouton sur tinymce à travers Drupal.

Answer 2

Je ne sais pas sur les versions précédentes, mais avec D7 (et la mise à jour) wysiwyg + tinymce (IMCE wysiwyg pont pourrait également être nécessaire ... c'est assez facile ...

Une fois tinymce wysiwyg travaille et tout...

• Sélectionnez le format de texte que vous souhaitez ajouter le bouton à partir admin/config/content/wysiwyg puis sous la « Boutons » zone cochez la case « Styles »
• défiler vers le bas à la « CSS » zone et entrez les classes que vous voulez être en mesure d'utiliser de l'éditeur wysiwyg
• ensuite mis les styles pour les classes que vous souhaitez utiliser dans votre feuille de style

Voilà. Aucun module personnalisé nécessaire.