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

    Le prochain JoomlaDay FR présentiel aura lieu à Bruxelles (date à préciser suite aux reports "COVID-19"). Évènement à ne pas rater ! Pour patienter, nous organisons des joomladays virtuels. Plus d'infos sur https://www.joomladay.fr

    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:
    https://extensions.joomla.org/extens...er-for-joomla/

    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

      Le prochain JoomlaDay FR présentiel aura lieu à Bruxelles (date à préciser suite aux reports "COVID-19"). Évènement à ne pas rater ! Pour patienter, nous organisons des joomladays virtuels. Plus d'infos sur https://www.joomladay.fr

      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:
          https://www.tiny.cloud/docs/enterprise/advcode/
          https://www.tiny.cloud/tinymce/featu...ed-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   )
          Présentations : slides.woluweb.be | Coordonnées complètes : www.woluweb.be

          Le prochain JoomlaDay FR présentiel aura lieu à Bruxelles (date à préciser suite aux reports "COVID-19"). Évènement à ne pas rater ! Pour patienter, nous organisons des joomladays virtuels. Plus d'infos sur https://www.joomladay.fr

          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

              Le prochain JoomlaDay FR présentiel aura lieu à Bruxelles (date à préciser suite aux reports "COVID-19"). Évènement à ne pas rater ! Pour patienter, nous organisons des joomladays virtuels. Plus d'infos sur https://www.joomladay.fr

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

                  Le prochain JoomlaDay FR présentiel aura lieu à Bruxelles (date à préciser suite aux reports "COVID-19"). Évènement à ne pas rater ! Pour patienter, nous organisons des joomladays virtuels. Plus d'infos sur https://www.joomladay.fr

                  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

                      Le prochain JoomlaDay FR présentiel aura lieu à Bruxelles (date à préciser suite aux reports "COVID-19"). Évènement à ne pas rater ! Pour patienter, nous organisons des joomladays virtuels. Plus d'infos sur https://www.joomladay.fr

                      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

                            Le prochain JoomlaDay FR présentiel aura lieu à Bruxelles (date à préciser suite aux reports "COVID-19"). Évènement à ne pas rater ! Pour patienter, nous organisons des joomladays virtuels. Plus d'infos sur https://www.joomladay.fr

                            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
                            1 sur 2 < >

                            C'est [Réglé] et on n'en parle plus ?

                            A quoi ça sert ?
                            La mention [Réglé] permet aux visiteurs d'identifier rapidement les messages qui ont trouvé une solution.

                            Merci donc d'utiliser cette fonctionnalité afin de faciliter la navigation et la recherche d'informations de tous sur le forum.

                            Si vous deviez oublier de porter cette mention, nous nous permettrons de le faire à votre place... mais seulement une fois
                            Comment ajouter la mention [Réglé] à votre discussion ?
                            1 - Aller sur votre discussion et éditer votre premier message :


                            2 - Cliquer sur la liste déroulante Préfixe.

                            3 - Choisir le préfixe [Réglé].


                            4 - Et voilà… votre discussion est désormais identifiée comme réglée.

                            2 sur 2 < >

                            Assistance au forum - Outil de publication d'infos de votre site

                            Compatibilité: PHP 4.1,PHP4, 5, 6DEV MySQL 3.2 - 5.5 MySQLi from 4.1 ( @ >=PHP 4.4.9)

                            Support Version de Joomla! : | J!3.0 | J!2.5.xx | J!1.7.xx | J!1.6.xx | J1.5.xx | J!1.0.xx |

                            Version française (FR) D'autres versions sont disponibles depuis la version originale de FPA

                            UTILISER À VOS PROPRES RISQUES :
                            L'exactitude et l'exhaustivité de ce script ainsi que la documentation ne sont pas garanties et aucune responsabilité ne sera acceptée pour tout dommage, questions ou confusion provoquée par l'utilisation de ce script.

                            Problèmes connus :
                            FPA n'est actuellement pas compatible avec des sites Joomla qui ont eu leur fichier configuration.php déplacé en dehors du répertoire public_html.

                            Installation :

                            1. Téléchargez l'archive souhaitée : http://afuj.github.io/FPA/

                            Archive zip : https://github.com/AFUJ/FPA/zipball/master

                            2. Décompressez le fichier de package téléchargé sur votre propre ordinateur (à l'aide de WinZip ou d'un outil de décompression natif).

                            3. Lisez le fichier LISEZMOI inclus pour toutes les notes de versions spécifiques.

                            4. LIRE le fichier de documentation inclus pour obtenir des instructions d'utilisation détaillées.

                            5. Téléchargez le script fpa-fr.php à la racine de votre site Joomla!. C'est l'endroit que vous avez installé Joomla et ce n'est pas la racine principale de votre serveur. Voir les exemples ci-dessous.

                            6. Exécutez le script via votre navigateur en tapant: http:// www. votresite .com/ fpa-fr.php
                            et remplacer www. votresite .com par votre nom de domaine


                            Exemples:
                            Joomla! est installé dans votre répertoire web et vous avez installé la version française du fichier FPA:
                            Télécharger le script fpa-fr.php dans: /public_html/
                            Pour executer le script: http://www..com/fpa-fr.php

                            Joomla! est installé dans un sous-répertoire nommé "cms" et vous avez installé la version française du fichier FPA:
                            Télécharger le script fpa-fr.php dans: /public_html/cms/
                            Pour executer le script: http://www..com/cms/fpa-fr.php

                            En raison de la nature très sensible de l'information affichée par le script FPA, il doit être retiré immédiatement du serveur après son utilisation.

                            Pour supprimer le script de votre site, utilisez le lien de script de suppression fourni en haut de la page du script. Si le lien de suppression échoue pour supprimer le script, utilisez votre programme FTP pour le supprimer manuellement ou changer le nom une fois que le script a généré les données du site et le message publié sur le forum. Si le script est toujours présent sur le site, il peut être utilisé pour recueillir suffisamment d'informations pour pirater votre site. Le retrait du script empêche des étrangers de l'utiliser pour jeter un oeil à la façon dont votre site est structuré et de détecter les défauts qui peuvent être utilisé à vos dépends.
                            Voir plus
                            Voir moins

                            Partenaire de l'association

                            Réduire

                            Hébergeur Web PlanetHoster
                            Travaille ...
                            X