Bidouilleur

Voici un mini mode opératoire sans acune prétention pour créer simplement et rapidement un plugin pour le célèbre RTE TinyMCE.

• Téléchargez la dernière version développement de TinyMCE sur cette page.

• Décompressez le zip dans le dossier voulu.

• Affichez l’éditeur dans une page  ou prenez la page d’exemple : « tinymce/examples/index.html », pour tester l’éditeur de base.

• Copiez le dossier « example » du dossier « tinymce/jscripts/tiny_mce/plugins » dans le même dossier et renommez le avec le « nom de votre plugin« .

• Copiez/collez l’image qui servira d’icône dans la barre d’outil de TinyMCE dans le dossier « img » de votre nouveau plugin.(« tinymce/jscripts/tiny_mce/plugins/nom_de_votre_plugin/img« ), et renommez l’image du nom de votre plugin.

• Supprimez « editor_plugin.js » dans le dossier de votre plugin.

• Puis renommez « editor_plugin_src.js » en « editor_plugin.js »(En effet l’ancien editor_plugin.js été compressé et donc non éditable.)

• Ouvrez « editor_plugin.js » et remplacez tous les mots « example » par « Nom de votre plugin ».

Votre plugin d’exemple est prêt, pour l’activer il vous suffit de mettre le nom de votre plugin dans le code javascript d’affichage de votre éditeur à ces 2 endroits:

13

plugins : "nom_de_votre_plugin,safari,pagebreak,style,la

15
16

// Theme options
theme_advanced_buttons1 : "nom_de_votre_plugin,save,newdocument,|,bo...

Vous pouvez maintenant voir votre plugin fonctionner.(Videz votre cache navigateur si nécessaire.)

Pour modifier le dialogue du plugin il vous faudra modifier le fichier « dialog.htm » de votre dossier plugin.

Et pour interagir avec l’éditeur je vous conseille de consulter la documentation des fonctions proposées par TinyMCE.

Twitter ce post