PHPackages intelogie/ckeditor-codemirror - PHPackages - PHPackages [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register) 1. [Directory](/) 2. / 3. [Utility & Helpers](/categories/utility) 4. / 5. intelogie/ckeditor-codemirror ActiveLibrary[Utility & Helpers](/categories/utility) intelogie/ckeditor-codemirror ============================= 09JavaScript Since Apr 29Pushed 10y ago1 watchersCompare [ Source](https://github.com/INTELOGIE/CKEditor-CodeMirror-Plugin)[ Packagist](https://packagist.org/packages/intelogie/ckeditor-codemirror)[ RSS](/packages/intelogie-ckeditor-codemirror/feed)WikiDiscussions master Synced 2w ago READMEChangelogDependenciesVersions (1)Used By (0) CKEditor-CodeMirror-Plugin ========================== [](#ckeditor-codemirror-plugin) Syntax Highlighting for the CKEditor (Source View and Source Dialog) with the CodeMirror Plugin ### Available Shortcuts [](#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 The Full Theme List can be found here: [![Screenshot](https://camo.githubusercontent.com/67d9bd3d7cc770b31aff7d54d86564993edc1f4a4a4d231c820d08c1c8083c52/687474703a2f2f7777772e77617463686572736e65742e64652f506f7274616c732f302f73637265656e73686f74732f646e6e2f434b456469746f72536f75726365566965772e706e67)](https://camo.githubusercontent.com/67d9bd3d7cc770b31aff7d54d86564993edc1f4a4a4d231c820d08c1c8083c52/687474703a2f2f7777772e77617463686572736e65742e64652f506f7274616c732f302f73637265656e73686f74732f646e6e2f434b456469746f72536f75726365566965772e706e67) [![Screenshot](https://camo.githubusercontent.com/440d11a1ae5aee57754cefdc06d27ba053e582ff8b5dcda4348a080eb838a569/687474703a2f2f7777772e77617463686572736e65742e64652f506f7274616c732f302f73637265656e73686f74732f646e6e2f536f757263654469616c6f672e706e67)](https://camo.githubusercontent.com/440d11a1ae5aee57754cefdc06d27ba053e582ff8b5dcda4348a080eb838a569/687474703a2f2f7777772e77617463686572736e65742e64652f506f7274616c732f302f73637265656e73686f74732f646e6e2f536f757263654469616c6f672e706e67) \####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 themselves autoCloseBrackets: true, // Whether or not you want tags to automatically close themselves autoCloseTags: true, // Whether or not to automatically format code should be done when the editor is loaded autoFormatOnStart: true, // Whether or not to automatically format code which has just been uncommented autoFormatOnUncomment: true, // Whether or not to continue a comment when you press Enter inside a comment block continueComments: 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 formatting enableCodeFormatting: 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/selection highlightMatches: true, // Whether, when indenting, the first N*tabSize spaces should be replaced by N tabs indentWithTabs: false, // Whether or not you want to show line numbers lineNumbers: true, // Whether or not you want to use line wrapping lineWrapping: 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 braces matchBrackets: true, // Whether or not you want to highlight matching tags matchTags: true, // Whether or not to show the showAutoCompleteButton button on the toolbar showAutoCompleteButton: true, // Whether or not to show the comment button on the toolbar showCommentButton: true, // Whether or not to show the format button on the toolbar showFormatButton: true, // Whether or not to show the search Code button on the toolbar showSearchButton: true, // Whether or not to show Trailing Spaces showTrailingSpace: true, // Whether or not to show the uncomment button on the toolbar showUncommentButton: true, // Whether or not to highlight the currently active line styleActiveLine: true, // Set this to the theme you wish to use (codemirror themes) theme: 'default', // "Whether or not to use Beautify for auto formatting useBeautify: false }; ``` ### Health Score 21 — LowBetter than 18% of packages Maintenance20 Infrequent updates — may be unmaintained Popularity4 Limited adoption so far Community15 Small or concentrated contributor base Maturity41 Maturing project, gaining track record Bus Factor1 Top contributor holds 92.4% of commits — single point of failure How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window. **Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores. **Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement. **Maturity (30%)** — Project age, version count, PHP version support, and release stability. ### Community Maintainers ![](https://www.gravatar.com/avatar/8cd960536c07e255b2e6f7e55c03c6d09274b215ccceaccc38926ffe03e098a7?d=identicon)[bgauthier](/maintainers/bgauthier) --- Top Contributors [![w8tcha](https://avatars.githubusercontent.com/u/722575?v=4)](https://github.com/w8tcha "w8tcha (158 commits)")[![ChALkeR](https://avatars.githubusercontent.com/u/291301?v=4)](https://github.com/ChALkeR "ChALkeR (3 commits)")[![ShaneYu](https://avatars.githubusercontent.com/u/3437388?v=4)](https://github.com/ShaneYu "ShaneYu (2 commits)")[![bgauthier](https://avatars.githubusercontent.com/u/1789355?v=4)](https://github.com/bgauthier "bgauthier (2 commits)")[![rompic](https://avatars.githubusercontent.com/u/6322123?v=4)](https://github.com/rompic "rompic (1 commits)")[![t1mmen](https://avatars.githubusercontent.com/u/192263?v=4)](https://github.com/t1mmen "t1mmen (1 commits)")[![wwalc](https://avatars.githubusercontent.com/u/545175?v=4)](https://github.com/wwalc "wwalc (1 commits)")[![johns996](https://avatars.githubusercontent.com/u/1564311?v=4)](https://github.com/johns996 "johns996 (1 commits)")[![mdenburger](https://avatars.githubusercontent.com/u/1110593?v=4)](https://github.com/mdenburger "mdenburger (1 commits)")[![quasipickle](https://avatars.githubusercontent.com/u/1377105?v=4)](https://github.com/quasipickle "quasipickle (1 commits)") ### Embed Badge ![Health badge](/badges/intelogie-ckeditor-codemirror/health.svg) ``` [![Health](https://phpackages.com/badges/intelogie-ckeditor-codemirror/health.svg)](https://phpackages.com/packages/intelogie-ckeditor-codemirror) ``` ### Alternatives [renatomarinho/laravel-page-speed Laravel Page Speed 2.5k1.7M11](/packages/renatomarinho-laravel-page-speed)[alleyinteractive/wp-asset-manager Asset Manager is a toolkit for managing front-end assets and more tightly controlling where, when, and how they're loaded. 30396.7k4](/packages/alleyinteractive-wp-asset-manager) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)