Facilitating the spread of knowledge and innovation in professional software development



Choose your language

InfoQ Homepage News CodeMirror 3.0 Released

CodeMirror 3.0 Released


CodeMirror, an in-browser code editor, has released version 3.0, adding support for right-to-left scripts, arbitrary fonts and line heights, and inline widgets.

Almost four months after the v3 branch was originally opened, the only partially backwards-compatible release provides the following new features:

  1. Use arbitrary fonts and line heights inside the editor
  2. Proper handling of right-to-left scripts (Arabic, Hebrew)
  3. Insert widgets inline (between lines) in the editor
  4. Replace arbitrary pieces of content with widgets
  5. Mark ranges of text as read-only or atomic (a single unit with respect to cursor motion)
  6. More modular event handling (.on / .off methods, rather than a single option per event)
  7. Improved add-on API (define new options, modularly add keymaps or line styles without trampling on other code)
  8. Support for multiple gutters
  9. Gutter no longer scrolls horizontally with the content

Additionally, CodeMirror provides staple editor features, such as:

  1. Autocompletion
  2. Search / replace
  3. Code folding
  4. Syntax highlighting
  5. Emacs / vim keybindings
  6. Theming
  7. Auto formatting of code

CodeMirror can be embedded in any JavaScript enabled web page, and has many real world uses. WebKit's Web Inspector editor can be replaced with CodeMirror, as an experimental feature, and is being considered to replace Firefox's source editor.

CodeMirror powers Brackets, an open source code editor focused on web development, created and maintained by Adobe. One feature, Quick Edit, allows users to open an inline editor showing the relevant CSS rules of a selected HTML tag.

Another CodeMirror powered IDE, Light Table, includes a real time debugger, showing inputs flowing through code to produce the final output. With a successfully funded Kickstarter, Light Table is planning to have an official launch by May of next year.

We need your feedback

How might we improve InfoQ for you

Thank you for being an InfoQ reader.

Each year, we seek feedback from our readers to help us improve InfoQ. Would you mind spending 2 minutes to share your feedback in our short survey? Your feedback will directly help us continually evolve how we support you.

Take the Survey

Rate this Article


Hello stranger!

You need to Register an InfoQ account or or login to post comments. But there's so much more behind being registered.

Get the most out of the InfoQ experience.

Allowed html: a,b,br,blockquote,i,li,pre,u,ul,p

Community comments

Allowed html: a,b,br,blockquote,i,li,pre,u,ul,p

Allowed html: a,b,br,blockquote,i,li,pre,u,ul,p


Is your profile up-to-date? Please take a moment to review and update.

Note: If updating/changing your email, a validation request will be sent

Company name:
Company role:
Company size:
You will be sent an email to validate the new email address. This pop-up will close itself in a few moments.