You are here

Home » API reference » CKEditor CodeMirror 8

README.txt in CKEditor CodeMirror 8

Same filename and directory in other branches
  1. 7 README.txt
INTRODUCTION
------------

CKEditor CodeMirror module adds syntax highlighting for "Source View" in
CKEditor WYSIWYG editor using CodeMirror Plugin
https://w8tcha.github.io/CKEditor-CodeMirror-Plugin.


DRUPAL 8
-------------------------------

DEPENDENCIES
------------
- CKEditor-CodeMirror-Plugin library
  https://github.com/w8tcha/CKEditor-CodeMirror-Plugin

INSTALLATION
------------
1. Download and install CKEditor CodeMirror module.
2. Download and uncompress the latest CKEditor-CodeMirror-Plugin release and
   rename the folder to "ckeditor_codemirror" such that the resulting path to
   the "plugin.js" file should be:
   "libraries/ckeditor_codemirror/codemirror/plugin.js".

CONFIGURATION
-------------
1. Go to "Administration » Configuration » Content authoring » Text formats
   and editors" (admin/config/content/formats) page.
2. Click "Configure" for any test format using CKEditor as the text editor.
3. Under "CKEditor plugin settings", click "CodeMirror" and check "Enable
   CodeMirror source view syntax highlighting". Make sure that the current
   toolbar has the "Source" button. Adjust other settings as desired.
4. Scroll down and click "Save configuration".
5. Go to node create/edit page, choose the text format with CodeMirror plugin.
   Press the "Source" button.

File

README.txt
View source 
  1. INTRODUCTION

  2. ------------

  3. 

  4. CKEditor CodeMirror module adds syntax highlighting for "Source View" in

  5. CKEditor WYSIWYG editor using CodeMirror Plugin

  6. https://w8tcha.github.io/CKEditor-CodeMirror-Plugin.

  7. 

  8. 

  9. DRUPAL 8

  10. -------------------------------

  11. 

  12. DEPENDENCIES

  13. ------------

  14. - CKEditor-CodeMirror-Plugin library

  15.   https://github.com/w8tcha/CKEditor-CodeMirror-Plugin

  16. 

  17. INSTALLATION

  18. ------------

  19. 1. Download and install CKEditor CodeMirror module.

  20. 2. Download and uncompress the latest CKEditor-CodeMirror-Plugin release and

  21.    rename the folder to "ckeditor_codemirror" such that the resulting path to

  22.    the "plugin.js" file should be:

  23.    "libraries/ckeditor_codemirror/codemirror/plugin.js".

  24. 

  25. CONFIGURATION

  26. -------------

  27. 1. Go to "Administration » Configuration » Content authoring » Text formats

  28.    and editors" (admin/config/content/formats) page.

  29. 2. Click "Configure" for any test format using CKEditor as the text editor.

  30. 3. Under "CKEditor plugin settings", click "CodeMirror" and check "Enable

  31.    CodeMirror source view syntax highlighting". Make sure that the current

  32.    toolbar has the "Source" button. Adjust other settings as desired.

  33. 4. Scroll down and click "Save configuration".

  34. 5. Go to node create/edit page, choose the text format with CodeMirror plugin.

  35.    Press the "Source" button.