CKEditor

Créer une installation personnalisée grâce à l'outil en ligne Online Builder

• Ouvrir l'outil Online Builder
• Choisir le type Classic
• Un certain nombre de plugins sont inclus par défaut.
  • Supprimer CKBox car il nécessite la version payante
  • Ajouter le(s) plugin(s) suivant(s) :
    • Code blocks
    • …
• Cliquer sur Next step
• Configuration de la Toolbar : ajouter, retirer, modifier l'ordre des éléments de la toolbar que l'on désire
• Cliquer sur Next step
• Choisir la langue par défaut utilisée par l'éditeur
• Cliquer sur Next step
• Cliquer sur Start
• Une fois la construction terminée, cliquer sur Download your custom CKEditor 5 build

Il faut avoir inclu le plugin Code blocks (voir ci-dessus).

Doc: https://ckeditor.com/docs/ckeditor5/latest/features/code-blocks.html

Le choix des langages disponibles se fait en spécifiant la liste des langages en options lors de la création de l'éditeur.

Chaque bloc de code sera rendu sous la forme

<pre><code class="language-XXX">...

où XXX est le nom du langage appliqué au bloc.

Pour la coloration syntaxique elle-même, utiliser Highlight.js dont les sélecteurs par défaut et noms de classes correspondent déjà à ce que sort le plugin Code blocks