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 :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
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 :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
<pre><code highlight="const a = 'test'"></code></pre>
Or avec Ckeditor les codes sont représentés ainsi en HTML:
Code : Sélectionner tout - Visualiser dans une fenêtre à part
<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