====== CKEditor ======

Créer une **installation personnalisée** grâce à l'outil en ligne
[[https://ckeditor.com/docs/ckeditor5/latest/installation/getting-started/quick-start-other.html#creating-custom-builds-with-online-builder|Online Builder]]

  * Ouvrir l'outil [[https://ckeditor.com/ckeditor-5/online-builder/|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**

===== Blocs de code avec coloration syntaxique =====

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
<code html><pre><code class="language-XXX">...</code>
où **XXX** est le nom du langage appliqué au bloc.

Pour la coloration syntaxique elle-même, utiliser [[javascript:highlight.js|]]
dont les sélecteurs par défaut et noms de classes correspondent déjà à ce
que sort le plugin **Code blocks** :-)