CodeMirror addons

Marijn Haverbeke edited this page Nov 15, 2018 · 55 revisions

This is a list of useful CodeMirror-related code hosted in other places. Feel free to add your project, or a project you found that seems relevant.

Pre-built Minified Version


A pre-built minified distribution of CodeMirror. NPM package available.



CodeMirror-XQuery is an extension of CodeMirror to provide usefull features for XQuery editor like (XQuery syntax errors, XQuery Completion, etc). It provides too generic addon that you can use it with any mode like :


A form of clever completion to efficiently write HTML & CSS.

[TeX-input] (

Allows to use the backslash key \ to insert Unicode characters in TeX style.


Convert XSD XML schema to the format understood by CodeMirror's XML completer.


Generate codemirror XML autocomplete json from JAXB annotated Java classes during runtime.

Autosuggest addon

Triggers autocompletion when certain character is typed.

External Modes


A CodeMirror mode for the Elixir language


A CodeMirror mode for dust templates

Highlighting / Extra Modes


Transform a grammar-specification in JSON format into a CodeMirror syntax-highlight parser (mode).

  • A Grammar can extend other Grammars (arbitrary variations and dialects can be handled easily)
  • Grammar includes: Style Model, Lex Model and Syntax Model (optional)
  • Grammar specification can be minimal
  • Grammar.Syntax Model can support lint-like syntax-annotation functionality to detect possible syntax errors and display appropriate (user-defined) error messages
  • Grammar.Syntax Model can be specified using PEG-like notation or BNF-like notation
  • Generated highlight modes can support toggle comments and keyword autocompletion functionality if defined in the grammar



atom's one-dark theme for codemirror.

Integration with other software

jQuery CodeMirror plugin

CodeMirror wrapper

Scripts n Styles

This plugin allows Admin users the ability to add custom CSS and JavaScript directly into individual Post, Pages or any other registered custom post types. Also adds CodeMirror to the file editors.


An in-browser code editor for Google Drive. Uses CodeMirror for the editor itself.

Crudzilla Web Application Builder

A browser based developer product that uses CodeMirror.


Integration with the deck.js slide deck system.


Ruby gem for adding CodeMirror to a Rails app.


Django integration.

CodeMirror for TinyMCE 4

CodeMirror for CKEditor

Magento Advanced HTML Editor

A Magento extension that leverages CodeMirror (and most of the available addons) to provide a powerful source editor with IDE-like features that'll make it much easier to write clean markup for CMS pages, static blocks and email templates.

Tiki Wiki CMS Groupware

Since Tiki 7.0:

CodeMirror for PmWiki

The recipe provides the CodeMirror JavaScript text editor component to PmWiki, enabling both:

  • An enhanced page editing experience with pmwiki syntax highlighting, line numbers and line wrapping,
  • A generic syntax highlighting renderer for your source code excerpts.

Syntax Highlighter for WP Editor

An easy to use WordPress plugin that replaces the default Theme and Plugin Source Code Editor with an enhanced editor by a CodeMirror library.

My Custom Functions

An easy to use WordPress plugin that lets you easily and safely add your own functions, snippets or any custom codes for execution in WordPress environment directly out of your WordPress Dashboard without any need of an external editor.

My Custom Styles

An easy to use WordPress plugin that gives you the ability to easily and safely add your custom styles (CSS) to WordPress website's header.


CodeMirror-based Coq interactive editor and IDE. The most interesting part for CM users is the way we link multiple instances to form a single Coq document.

Gerrit Code Review

Gerrit provides web based code review and repository management for the Git version control system. The code review UI makes heavy use of CodeMirror features.


OctoEdit is a Chrome Extension that enables syntax highlighting for Markdown/Code in GitHub comments. The editor of choice is CodeMirror.


ReactJS lib for easily include CodeMirror in your components.



Adds a button bar above a CodeMirror instance.

Buttons addon

Adds a panel with buttons specified via config.


Adds a resize handle to your CodeMirror editor.



Provide asm.js linting to CodeMirror.


Provide gherkin linting to CodeMirror.


Provides a quick-fix UI for the lint issues (UI/API, no actual fixes included).



An web interface for making CodeMirror themes.


Scripting CodeMirror for editing demos.


Convert Ace highlight rules to the CodeMirror format.

mrdoob approves

Javascript code style checker/validator/formatter/editor/tool. Integrates a node-jscs and a merge plugin

You can’t perform that action at this time.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session.
Press h to open a hovercard with more details.