Bonjour, je suis devant un énigme ...
L'objectif est de permettre aux utilisateurs d'indiquer du texte mis en forme y compris du code informatique.
Framework : Angular CLI 8
J'ai ajouté CKEditor4 + Highlight.js via npm :
1 2 3
|
npm install -S ngx-highlightjs highlight.js
npm install --save ckeditor4-angular |
Puis j'ai ajouté le plugin "Code snippets" pour afficher le bouton "Code informatique" dans CKEditor
La coloration syntaxique fonctionne bien et les balises code de CKEditor aussi mais l'ensemble non ...
Je m'explique, avec ngx-highlightjs on appelle la coloration ainsi :
<pre><code highlight="const a = 'test'"></code></pre>
Or avec Ckeditor les codes sont représentés ainsi en HTML:
<pre><code>const a = "test"</code></pre>
Donc le HTML obtenu avec CKEditor n'est pas compatible avec cette implémentation de Highlight.
J'ai également essayé d'ajouter Highlight via des CDN pour qu'il régisse à l'HTML de CKEditor
mais dans ce cas-là c'est Angular et son code transpiller qui pose problème ...
Bref, je bloque complet... une piste ? Merci d'avance
Partager