Ci-dessous, les différences entre deux révisions de la page.
Les deux révisions précédentes Révision précédente Prochaine révision | Révision précédente | ||
javascript:ckeditor [2022/11/18 06:07] marclebrun |
javascript:ckeditor [2022/11/19 06:38] (Version actuelle) marclebrun [Blocs de code avec coloration syntaxique] |
||
---|---|---|---|
Ligne 17: | Ligne 17: | ||
* Cliquer sur **Next step** | * Cliquer sur **Next step** | ||
* Cliquer sur **Start** | * 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** :-) | ||
+ | |||
+ | |||