Bidouilleur

Les Regexs ( Expressions régulières) ne sont pas très simples à créer, et c’est un peu embêtant (pour être poli) de les tester en relançant votre page  ou votre application jusqu’à ce que votre Regex fonctionne.

Voici un petit outil qui permet de créer et tester vos Regexs en direct!

Il y a deux champs:

• un pour mettre un texte de test
• et un autre pour écrire votre Regex

A chaque modification de votre Regex, celui-ci est testé directement sur le texte de test, et les mots qui correspondent à votre Regex sont surlignés.

Pour tester c’est ici !

Une bibliothèque de Regexs déjà créés par d’autres personnes est aussi disponible.( sur la droite)

Twitter ce post

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