CKEditor-CodeMirror-Plugin

Syntax Highlighting for the CKEditor (Source View and Source Dialog) with the CodeMirror Plugin

Available Shortcuts

• 'Ctrl-K' to comment the currently selected text
• 'Ctrl-Shift-K' to uncomment currently selected text
• 'Ctrl-Alt-K' to auto format currently selected text
• 'Ctrl-Q' Expand/Collapse Code Block
• 'Ctrl-F' to perform a search
• 'Ctrl-G' to find next
• 'Ctrl-Shift-G' to find previous
• 'Ctrl-Shift-F' to find and replace
• 'Ctrl-Shift-R' to find and replace all

###Demo http://w8tcha.github.io/CKEditor-CodeMirror-Plugin/

The Full Theme List can be found here: http://codemirror.net/demo/theme.html

####License

Licensed under the terms of the MIT License.

####Installation

1. Extract the contents of the file into the "plugins" folder of CKEditor.
2. In the CKEditor configuration file (config.js) add the following code:

config.extraPlugins='codemirror';

If you are using CKEditor in inline mode you also need to add the sourcedialog to the extra Plugins list

config.extraPlugins='sourcedialog,codemirror';

3. To Configure the Plugin the following options are available...

config.codemirror={// Whether or not you want Brackets to automatically close themselvesautoCloseBrackets: true,// Whether or not you want tags to automatically close themselvesautoCloseTags: true,// Whether or not to automatically format code should be done when the editor is loadedautoFormatOnStart: true,// Whether or not to automatically format code which has just been uncommentedautoFormatOnUncomment: true,// Whether or not to continue a comment when you press Enter inside a comment blockcontinueComments: true,// Whether or not you wish to enable code folding (requires 'lineNumbers' to be set to 'true')enableCodeFolding: true,// Whether or not to enable code formattingenableCodeFormatting: true,// Whether or not to enable search tools, CTRL+F (Find), CTRL+SHIFT+F (Replace), CTRL+SHIFT+R (Replace All), CTRL+G (Find Next), CTRL+SHIFT+G (Find Previous)enableSearchTools: true,// Whether or not to highlight all matches of current word/selectionhighlightMatches: true,// Whether, when indenting, the first N*tabSize spaces should be replaced by N tabsindentWithTabs: false,// Whether or not you want to show line numberslineNumbers: true,// Whether or not you want to use line wrappinglineWrapping: true,// Define the language specific mode 'htmlmixed' for html including (css, xml, javascript), 'application/x-httpd-php' for php mode including html, or 'text/javascript' for using java script only mode: 'htmlmixed',// Whether or not you want to highlight matching bracesmatchBrackets: true,// Whether or not you want to highlight matching tagsmatchTags: true,// Whether or not to show the showAutoCompleteButton button on the toolbarshowAutoCompleteButton: true,// Whether or not to show the comment button on the toolbarshowCommentButton: true,// Whether or not to show the format button on the toolbarshowFormatButton: true,// Whether or not to show the search Code button on the toolbarshowSearchButton: true,// Whether or not to show Trailing SpacesshowTrailingSpace: true,// Whether or not to show the uncomment button on the toolbarshowUncommentButton: true,// Whether or not to highlight the currently active linestyleActiveLine: true,// Set this to the theme you wish to use (codemirror themes)theme: 'default',// "Whether or not to use Beautify for auto formattinguseBeautify: false};