Découvrir les éditeurs de texte pour Joomla

Découvrir les éditeurs de texte pour Joomla comme TinyMCE, CodeMirror ou encore JCE.

 

TinyMCE 3.4.6 est l'éditeur de texte par défaut de Joomla! 1.5

Télécharger le plugin pour l'éditeur de texte TinyMCE 3.4.6 de Joomla! 1.5 : ICI

Une fois le plugin de TinyMCE 3.4.6 pour pouvoir mettre à jour la version de TinyMCE présente par défaut sur Joomla! 1.5.
Utilisez le menu Extensions / Installer de Joomla!pour installer le paquet téléchargé sur votre ordinateur.
Vous devez alors activer le plugin TinyMCE 3.4.6 dans Joomla!
TinyMCE est maintenant à jour et fonctionnel.

Pour indiquer à Joomla! quel éditeur de texte utiliser, aller dans :
Administration de Joomla! 1.5.22 : Onglet Site -> Configuration générale -> Editeur WYSIWYG par défaut : sélectionner "aucun" ou "TinyMCE 3".

Un bouton en haut de l'éditeur de texte TinyMCE permet d'éditer la source HTML de l'article pour insérer du code HTML.

L'éditeur TinyMCE 3.4.6 a ses limites. Il ne permet pas d'ajouter du code PHP ou JavaScript à l'article.
Pour des raisons de sécurité les balises PHP et JavaScript sont retirées lors de l'enregistrement de l'article, et de ce fait non interprétées.
Il n'est donc pas possible d'ajouter du code PHP ou JavaScript avec TinyMCE.
Utiliser le plugin Sourcerer de Joomla pour cela.

Les plugins de TinyMCE, notamment pour télécharger et gérer des images sur le serveur, sont payants.

 

De nombreux bogues avec TinyMCE 3.4.6

Les images ne peuvent plus être alignées à gauche. C'est un problème connu de l'éditeur TinyMCE qui n'a jamais été résolu.

Avec la version du navigateur Internet Explorer 9 et son interprétation du HTML5 et du CSS3, les fonctions des boutons " sauvegarder " et " fermer " un article sont bogués.
Le mode compatibilité de Internet Explorer 9 permet encore d'utiliser les boutons, mais la navigation générale est largement dégradée.

 

TinyMCE évolue pour Joomla! 2.5 et 3.x

Le site officiel de l'éditeur de texte TinyMCE : ICI
Un bouton de l'éditeur de texte TinyMCE ouvre une fenêtre avec la source HTML de l'article ce qui permet d'insérer du code HTML.
Cet éditeur HTML a ses limites et ne permet pas d'ajouter du code PHP ou JavaScript à l'article.

Pour des raisons de sécurité les balises PHP et JavaScript sont modifiées à l'enregistrement de l'article, et de ce fait non interprétées.
Pour insérer du code HTML, PHP et JavaScript dans un article Joomla! une solution simple mais peu confortable reste de désactiver l'éditeur de texte dans l'administration de Joomla! : Onglet Site -> Configuration du site -> Editeur WYSIWYG par défaut : sélectionner "aucun". Cette solution n'est vraiment pas pratique puisqu'on se prive de l'éditeur TinyMCE.

Pour télécharger et gérer des images sur le serveur TinyMCE propose des plugins payants.
L'outil TinyMCE est un outil puissant pour éditer des contenus mais il possède des limites. Il empêche l'ajout de codes JavaScript et de PHP qui ne peuvent pas s'exécuter directement dans l'article.

Télécharger la dernière version stable de TinyMCE : Télécharger la dernière version de TinyMCE
D'autres solutions pour éditer du texte ont été développées sur le même modèle que TinyMCE.

 

CodeMirror est intégré à Joomla! 2.5.x

CodeMirror est le nouvel éditeur qui est fourni en plus de TinyMCE dans Joomla 2.5.x.
Il permet de travailler avec du code affiché de manière structurée avec coloration syntaxique.
Ce n'est pas un éditeur WYSIWYG.

 

Remplacer TinyMCE par JCE

Joomla 1.5 est obsolète. Si vous ne l'avez pas encore fait, mettez le à jour.
TinyMCE 3.4.6 pour Joomla! 1.5 est obsolète également.

Pour remplacer TinyMCE 3.4.6 sur Joomla 1.5, utiliser JCE, plus performant et également mieux adapté pour les intégrateurs de contenu HTML, PHP et JavaScript.

Pour désactiver l'éditeur de texte TinyMCE 3.4.6 :
Administration de Joomla! 1.5.22 : Onglet Site -> Configuration générale -> Editeur WYSIWYG par défaut : sélectionner "aucun" ou "JCE".

 

JCE : un éditeur de texte performant pour Joomla!

JCE est un éditeur de texte réputé pour Joomla! car les plugins de JCE sont gratuits !
Télécharger JCE Editeur pour Joomla! : ICI et le pack de langue français : ICI

Cet éditeur de texte très complet permet de désactiver le nettoyage du code automatique, et de nombreuses options sont configurables.
Il est certes intéressant, mais, ne pas nettoyer le code durant la conception d'un article peut amener une redondance de balises HTML inutilisées.

Je préfère donc nettoyer le code avec l'éditeur de texte et ne pas retenir JCE pour inclure du JavaScript et du PHP dans l'article.
Le nettoyage automatique est intéressant pour l'édition en front-end qui peut présenter des risques de sécurité.
Il doit être possible de configurer les autorisations de nettoyage de JCE en fonction des groupes d'utilisateurs.

Un plugin additionnel à JCE permet de créer des effets comme des popups et des infobulles.
JCE MediaBox est optionnel : plg_jcemediabox_1114_joomla25-3x_FR-EN.zip

Oui : JCE bien configuré permet d'utiliser le JavaScript et le PHP dans un article édité avec Joomla!
Toutefois, il existe des outils adaptés à Joomla! pour inclure des scripts. Cela permet de ne pas mélanger le coté édition de contenu, et le côté injection de scripts, chaque outil ayant son rôle.
JCE est donc un bon choix mais je ne conseil pas le changement d'éditeur de texte pour inclure du code source dans les articles de Joomla!

Exemple d'utilisation de JCE pour créer un cadre de texte avec ascenseur déroulant : ICI

 

CK Editor : un éditeur de texte simplifié pour Joomla! 2.5.x et Joomla! 3.x

Il est parfaitement possible de choisir un autre éditeur de texte que TinyMCE, ou que JCE. Il est également possible de cumuler JCE pour les Administrateurs, et CK Editor pour le front end.
Nous savons déjà que d'autres solutions s'ouvrent à nous pour intégrer du JavaScript et du PHP dans un article Joomla!
CK Editor est un éditeur de texte réputé et simplifié.
Démonstration de CK Editor : ICI

 

Conclusion

Il n'est pas nécessaire d'installer JCE pour exécuter du JavaScript ou du PHP dans un article Joomla!
Les deux éditeurs de texte JCE et CK Editor possèdent une communauté d'utilisateurs et de nombreux plugins a intégrer.
L'éditeur de texte TinyMCE peut être changé si besoin pour un éditeur de texte très complet comme JCE ou simplifié comme CK Editor.
D'autres éditeurs de texte existent, comme par exemple, RokPad : ICI ou encore DropEditor : ICI

Pour inclure du JavaScript et du PHP dans un article, on choisira la solution Sourcerer.
Pour afficher du code source, on ne pourra plus utiliser le système de colorisation syntaxique hs-highlighter qui n'est plus maintenu.

 

Bibliographie

Source de l'article : Upgrade TinyMCE editor plugin in Joomla! 1.5 : ICI

En janvier 2004, l’UNESCO élève le logiciel libre au rang de patrimoine mondial de l’humanité et confère à GNU la valeur symbolique de Trésor du monde.

Visionduweb - La Réponse Collaborative - 2002 / 2019

Condition d'utilisation du site Visionduweb

Vous êtes soumis au règlement suivant et à ce titre ni l'administrateur ni l'hébergeur ne pourraient ni ne seraient tenu pour responsable de vos actes.
Vous ne devez en aucun cas utiliser les informations présentes sur Visionduweb pour nuire à autrui ou à un système informatique.

La licence CC BY-NC-ND 4.0 est attribuée au contenu rédigé par Visionduweb sur les domaines suivants :
www.visionduweb.com www.visionduweb.eu www.visionduweb.fr www.visionduweb.info

Les profils utilisés par Visionduweb : Anonymous, Visionduweb, Zer00CooL

Le serveur et les services sont accessibles.
------------------------------------
------------

Chercher dans ce site

Menu de connexion