BT

Your opinion matters! Please fill in the InfoQ Survey!

CodeMirror 3.0 Released

| by James Campos Follow 0 Followers on Dec 27, 2012. Estimated reading time: 1 minute |

A note to our readers: As per your request we have developed a set of features that allow you to reduce the noise, while not losing sight of anything that is important. Get email and web notifications by choosing the topics you are interested in.

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.

Rate this Article

Adoption Stage
Style

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.

Tell us what you think

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

Email me replies to any of my messages in this thread
Community comments

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

Email me replies to any of my messages in this thread

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

Email me replies to any of my messages in this thread

Discuss

Login to InfoQ to interact with what matters most to you.


Recover your password...

Follow

Follow your favorite topics and editors

Quick overview of most important highlights in the industry and on the site.

Like

More signal, less noise

Build your own feed by choosing topics you want to read about and editors you want to hear from.

Notifications

Stay up-to-date

Set up your notifications and don't miss out on content that matters to you

BT