Coloration syntaxique (code highlighting) dans TinyMCE pour Joomla4 ?

[woluweb]

Salut tout le monde !

Au chapitre de mes "bonnes résolutions" à l'occasion de la mise en place de mon 1er site en Joomla 4, je voulais repasser à l'éditeur TinyMCE (au lieu de JCE).
Certes on ne ne retrouve pas toutes les fonctionnalités de JCE, mais TinyMCE a pas mal évolué ces dernières années, comme le glisser-déposer des images p ex.

Mais quand on bascule en vue "code", TinyMCE ne pratique pas la coloration syntaxique (code highlighting).

Un jour, sur un Prestashop, j'ai réussi à ajouter le plugin à TinyMCE et à changer un paramètre pour ajouter la fonctionnalité.

Est-ce possible sur Joomla4 ? Et quelle est la meilleure manière (je vois à la fin des paramètres du plugin TinyMCE qu'on peut ajouter des liens vers des plugins p ex).

Merci pour vos lumières

[Helloo]

Bonjour woluweb ,

Devrait fonctionner sous Joomla 4:

https://extensions.joomla.org/extension/prism-syntax-highlighter-for-joomla/

[woluweb]

Merci Helloo !

Ce plugin fait autre chose : quand on veut afficher un bout code dans un texte, ça permet d'avoir la coloration syntaxique.

Mais moi ce que je veux c'est d'avoir la coloration syntaxique pour mon article même (pour éditer le html directement quand je veux ajouter une classe etc)

[Helloo]

Ok, j’avais mal compris, désolé.

[woluweb]

Je reviens sur ce post parce que j'ai découvert qu'il y avait un plugin "Advanced Code Editor" pour TinyMCE:

https://www.tiny.cloud/docs/enterprise/advcode/

https://www.tiny.cloud/tinymce/features/advanced-code-editor

... mais apparemment ça coûte $ 348 / an (ou plus si on prend un plan supérieur ou si on paie mensuellement).
C'est pas possible. J'ai loupé qqch ou quoi ?

(alternativement, un Editor Switcher ou qqch du genre ferait l'affaire s'il s'avère que TinyMCE Advanced Code Editor coûte vraiment $ 348+ / an   )

[lomart]

Bonjour,

alternativement, un Editor Switcher

Je n'ai pas/plus trouvé d'Editor Switcher sur la JED.
Les versions de plg_editors_switcher (http://www.joomler.net) et PKG_SWITCHEDITOR (http://anything-digital.com) n'existe plus et ne sont pas compatible J4

Mais surtout, il n'existe plus (à ma connaissance) d'éditeur de code évolué sous Joomla 4.

• Rokpad est non compatible J4
• codemirror-plus-emmet-editor (https://lomart.fr/liste-des-articles...s-emmet-editor) n'est plus dispo sur la JED et sur le site de son auteur (https://www.joomplace.com/). La dernière version en ma possession n'est pas compatible J4
• https://extensions.joomla.org/extens...t-html-editor/ n'est pas compatible J4
• https://extensions.joomla.org/extension/jodit-editor/ n'est pas compatible J4

[woluweb]

ha, j'ai peut-être une piste : https://pluginza.com/plugins/codemirror

j'ai essayé de mettre en place, mais je sais pas bien
- quels fichiers
- mettre où
- et comment configurer TinyMCE, où on peut ajouter (en bas dans les configs) des Plugins et même des urls vers des plugins "externes"

[lomart]

Bonjour,

Je viens de modifier (rapidement) le module et plugin switcheditor.
Cela permet de basculer de TinyMCE à Codemirror facilement sans quitter l'article


Installation :
Installer et activer le plugin
Installer et activer le module administrateur en position status

Pour modifier l'éditeur actif, il faut :
1 - important : enregistrer l'article
2 - choisir l'éditeur dans la liste déroulante
3 - actualiser (f5) ou enregistrer à nouveau pour valider le changement

plg_system_switcheditor.zip
mod_switcheditor.zip

[woluweb]

Yeah, merci lomart !
C'est super d'avoir à nouveau un Editor Switcher

Sinon, super bonne nouvelle : tadaaaaaaaaaaaaaaaaa

https://github.com/dgrammatiko/tinyMCE-with-CodeMirror

C'est la première fois que je vois un cas d'utilisation des "plugins à configurer dans TinyMCE".
Si quelqu'un connaît l'existence d'autres plugins similaire, ce serait vachement intéressant à savoir

Reste un truc : là ça s'affiche en 800px sur 550px. J'ai pas encore trouvé comment l'avoir en plus grand format.

[lomart]

Bonsoir Marc,

Ce plugin est fantastique. Il remplace l'éditeur code (le bouton <>) par codemirror en couleurs et avec les fonctions de recherche/remplacer (absentes de l'éditeur codemirror)

Pour changer la taille de la fenêtre, c'est très sommaire. Il faut changer les valeurs 500 et 800 dans le fichier media\vendor\ttc\tiny-hightlighter\plugin.min.js
Il est dommage que les dimensions en px annulent les dimensions en vw/vh des fenêtres par défaut de tinyMCE

Sur le forum, on avait essayé d'intégrer sans grand succès : https://github.com/trippo/ResponsiveFilemanager
Il existe une implémentation qui ne fonctionne pas : https://github.com/WebuddhaInc/Jooml...td-filemanager

Pour Editor Switcher, Pascal m'a dit avoir aussi mis à jour ce plugin d'une façon un peu moins à l'arrache que moi. Donc les solutions ne manquent pas

[woluweb]

Et encore mieux : suite à ma question sur Twitter, Brian Teeman va intégrer le plugin (que DGrammatiko vient de publier) dans le noyau de Joomla...

[pmleconte]

Bonjour,

Comme signalé par Loïc, je viens de mettre en ligne une nouvelle version de Switch Editor, version compatible Joomla 3.10 et Joomla 4.0. : https://www.conseilgouz.com/phocadow...cheditor_2.zip

Il faut que je mette sur la JED, si cela ne coince pas au niveau du nom (le projet initial ayant été abandonné).

Remarque : pour Joomla 3.9, j'ai mis en ligne l'ancienne version.

Pascal

[pmleconte]

Bonjour,

Cela a pris un peu plus de temps que prévu, mais, Switch Editor 2 est dispo sur le JED : https://extensions.joomla.org/extens...itch-editor-2/

Il a fallu le renommer car l'ancienne version est toujours dispo même si Anything Digital n'existe plus.

Si vous migrez votre site de Joomla 3.10 à 4.x, il faut :
- soit désactiver l'ancienne version de Switch Editor
- soit télécharger Switch Editor 2 (qui écrasera l'ancienne version) sur votre site Joomla 3.10

Note : dans la version Anythibng Digital, il n'y avait pas de serveur de mise à jour.

Pascal

[woluweb]

publié sur la JED le jour de mon anniversaire, c'est un joli cadeau que tu me fais pmleconte