Modul CKEditor CodeMirror

Publikoval Martin Růžička dne Ne, 26. 05. 2019 - 17:27

Modul CKEditor CodeMirror přidává do editoru CKEditor zvýraznění HTML syntaxe pro zobrazení "Zdroj" pomocí pluginu CKEditor CodeMirror.

Závislosti

Instalace

  1. Stáhněte a nainstalujte modul CKEditor CodeMirror https://www.drupal.org/project/ckeditor_codemirror.
  2. Nainstalujte knihovnu CKEditor-CodeMirror-Plugin https://github.com/w8tcha/CKEditor-CodeMirror-Plugin/releases

Obsah zip archivu CKEditor-CodeMirror-Plugin.zip uložte do složky ckeditor.codemirror.

Příklad:
./libraries/ckeditor.codemirror
./libraries/ckeditor.codemirror/codemirror
./libraries/ckeditor.codemirror/bower.json
./libraries/ckeditor.codemirror/composer.json
./libraries/ckeditor.codemirror/LICENSE.md
./libraries/ckeditor.codemirror/package.json
./libraries/ckeditor.codemirror/README.md

Nastavení
Přejděte do "Administrace" → "Nastavení" → "Vytváření obsahu" → "Formáty textu a editory"
.admin/config/content/formats
U libovolného formátu textu, kde je nastaven jako editor textu CKEditor, klikněte na "Nastavení".
V části "Nastavení pluginu CKEditor" klikněte na "CodeMirror" a zaškrtněte "Povolit pluginu CodeMirror zvýrazňovat syntaxi při zobrazení zdroje.". Ujistěte se, že je na aktivním panelu nástrojů tlačítko "Zdroj". Podle potřeby upravte další nastavení.
Přejděte dolů a klikněte na možnost Uložit nastavení.
Přejděte na stránku vytvořit/upravit uzel, vyberte formát textu s pluginem CodeMirror. Stiskněte tlačítko "Zdroj"…