CKEditor et plugin codesnippet (4.17.1)

entropieentropie Member
janvier 2022 modifié dans Plugins

Salut,

J'ai installé le plugin codesnippet pour CKEditor 4 dans le dossier plugin https://ckeditor.com/cke4/addon/codesnippet

Je l'ai ajouté via la page de configuration, désormais l’icône apparait bien dans ma barre d'outils je peux le lancer / sélectionner le langage, tout est ok c'est bien installé.

Seulement une fois publié ou même en mode preview, je n'ai pas de coloration syntaxique et le code apparait avec une scrollbar horizontale.

Est-ce que quelqu'un saurait d’où ça pourrait venir ? de mon thème peut-être ?

Car dans l'éditeur on voit bien que c'est ok

Réponses

  • entropieentropie Member
    janvier 2022 modifié

    J'ai trouvé qu'il y avait un reset.css dans le theme.
    Du coup j'ai commenté cette partie, donc il y a du mieux car j'ai plus l'overflow, mais le formatage de codesnippet et la la coloration n'est toujours pas pris en compte

    pre,
    samp,
    kbd {
        font-family: monospace, serif;
        font-size: 0.85em;
        overflow: auto;
        padding: 5px 10px;
        white-space: nowrap;
    }
    
    pre {
        background-color: #efefef;
        border: 1px solid #ddd;
    

    Edit : Je suis trop con, ça risquait pas de fonctionner... j'avais oublié de déclarer le script et la feuille de style dans mon header =)

    <link rel="stylesheet" href="http://127.0.0.1/v2/plugins/Cmixml/ckeditor/plugins/codesnippet/lib/highlight/styles/github.css">
    <script src="http://127.0.0.1/v2/plugins/Cmixml/ckeditor/plugins/codesnippet/lib/highlight/highlight.pack.js"></script>
    <script>hljs.initHighlightingOnLoad();</script>
    

    Bon du coup, ça fonctionne.

Connectez-vous ou Inscrivez-vous pour répondre.