sept 11
mar 02
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.
