Coloration syntaxique (code highlighting) dans TinyMCE pour Joomla4 ?

Réduire
X
 
  • Filtrer
  • Heure
  • Afficher
Tout effacer
nouveaux messages

  • Coloration syntaxique (code highlighting) dans TinyMCE pour Joomla4 ?

    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
    Dernière édition par woluweb à 17/09/2021, 09h12
    Présentations : slides.woluweb.be | Coordonnées complètes : www.woluweb.be

    Un message d’erreur sur votre site Joomla... ayez le reflexe de consulter la base de connaissance : https://kb.joomla.fr

    Ce forum, vous l'aimez ? Il vous a sauvé la vie ? Vous y apprenez régulièrement ? Alors adhérer à l'AFUJ, l'Association Francophone des Utilisateurs de Joomla : https://www.joomla.fr/association/adherer

  • #2
    Bonjour woluweb ,

    Devrait fonctionner sous Joomla 4:
    If you want to use TinyMCE in Joomla! and its builtin "Insert/Edit code" feature, you need this plugin to have syntax highlighting on your site.

    Commentaire


    • #3
      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)
      Présentations : slides.woluweb.be | Coordonnées complètes : www.woluweb.be

      Un message d’erreur sur votre site Joomla... ayez le reflexe de consulter la base de connaissance : https://kb.joomla.fr

      Ce forum, vous l'aimez ? Il vous a sauvé la vie ? Vous y apprenez régulièrement ? Alors adhérer à l'AFUJ, l'Association Francophone des Utilisateurs de Joomla : https://www.joomla.fr/association/adherer

      Commentaire


      • #4
        Ok, j’avais mal compris, désolé.
        woluweb aime ceci.

        Commentaire


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

          Download TinyMCE for free, the most advanced WYSIWYG HTML editor designed to simplify website content creation.


          ... 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   )
          Présentations : slides.woluweb.be | Coordonnées complètes : www.woluweb.be

          Un message d’erreur sur votre site Joomla... ayez le reflexe de consulter la base de connaissance : https://kb.joomla.fr

          Ce forum, vous l'aimez ? Il vous a sauvé la vie ? Vous y apprenez régulièrement ? Alors adhérer à l'AFUJ, l'Association Francophone des Utilisateurs de Joomla : https://www.joomla.fr/association/adherer

          Commentaire


          • #6
            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.
            UP, le plugin universel à découvrir sur https//up.lomart.fr
            bgMax
            , AdminOrder, MetaData, Zoom, ArtPlug, Custom, Memo, Filter, ... sur http://lomart.fr/extensions

            Commentaire


            • #7
              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"
              Présentations : slides.woluweb.be | Coordonnées complètes : www.woluweb.be

              Un message d’erreur sur votre site Joomla... ayez le reflexe de consulter la base de connaissance : https://kb.joomla.fr

              Ce forum, vous l'aimez ? Il vous a sauvé la vie ? Vous y apprenez régulièrement ? Alors adhérer à l'AFUJ, l'Association Francophone des Utilisateurs de Joomla : https://www.joomla.fr/association/adherer

              Commentaire


              • #8
                Bonjour,

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

                Cliquez sur l'image pour l'afficher en taille normale  Nom : switcheditor.png  Affichages : 0  Taille : 94,6 Ko  ID : 2031249
                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
                daneel et woluweb aiment ceci.
                UP, le plugin universel à découvrir sur https//up.lomart.fr
                bgMax
                , AdminOrder, MetaData, Zoom, ArtPlug, Custom, Memo, Filter, ... sur http://lomart.fr/extensions

                Commentaire


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

                  Sinon, super bonne nouvelle : tadaaaaaaaaaaaaaaaaa


                  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.
                  daneel aime ceci.
                  Présentations : slides.woluweb.be | Coordonnées complètes : www.woluweb.be

                  Un message d’erreur sur votre site Joomla... ayez le reflexe de consulter la base de connaissance : https://kb.joomla.fr

                  Ce forum, vous l'aimez ? Il vous a sauvé la vie ? Vous y apprenez régulièrement ? Alors adhérer à l'AFUJ, l'Association Francophone des Utilisateurs de Joomla : https://www.joomla.fr/association/adherer

                  Commentaire


                  • #10
                    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 aime ceci.
                    UP, le plugin universel à découvrir sur https//up.lomart.fr
                    bgMax
                    , AdminOrder, MetaData, Zoom, ArtPlug, Custom, Memo, Filter, ... sur http://lomart.fr/extensions

                    Commentaire


                    • #11
                      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...
                      daneel et aiment ceci.
                      Présentations : slides.woluweb.be | Coordonnées complètes : www.woluweb.be

                      Un message d’erreur sur votre site Joomla... ayez le reflexe de consulter la base de connaissance : https://kb.joomla.fr

                      Ce forum, vous l'aimez ? Il vous a sauvé la vie ? Vous y apprenez régulièrement ? Alors adhérer à l'AFUJ, l'Association Francophone des Utilisateurs de Joomla : https://www.joomla.fr/association/adherer

                      Commentaire


                      • #12
                        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
                        Dernière édition par pmleconte à 20/09/2021, 11h06
                        If anything can go wrong, it will...If I can help, I will ..https://conseilgouz.com

                        Commentaire


                        • #13
                          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
                          If anything can go wrong, it will...If I can help, I will ..https://conseilgouz.com

                          Commentaire


                          • #14
                            publié sur la JED le jour de mon anniversaire, c'est un joli cadeau que tu me fais pmleconte
                            Présentations : slides.woluweb.be | Coordonnées complètes : www.woluweb.be

                            Un message d’erreur sur votre site Joomla... ayez le reflexe de consulter la base de connaissance : https://kb.joomla.fr

                            Ce forum, vous l'aimez ? Il vous a sauvé la vie ? Vous y apprenez régulièrement ? Alors adhérer à l'AFUJ, l'Association Francophone des Utilisateurs de Joomla : https://www.joomla.fr/association/adherer

                            Commentaire

                            Annonce

                            Réduire
                            Aucune annonce pour le moment.

                            Partenaire de l'association

                            Réduire

                            Hébergeur Web PlanetHoster
                            Travaille ...
                            X