Get new jQuery plugins just once a week

×

CodeMirror

FavoriteLoadingAdd to favorites

August 26, 2012

CodeMirror | Code Editor in browser

CodeMirror is a JavaScript component that provides a code editor in the browser. When a mode is available for the language you are coding in, it will color your code, and optionally help with indentation.It also has the CSS theming system.
The code library provides only the editor component, no accompanying buttons, auto-completion, or other IDE functionality. It does provide a rich API on top of which such functionality can be straightforwardly implemented.The lib/util directory in the distribution contains a number of reusable components[add-ons] that implement extra editor functionality like dialog.js ,searchcursor.js ,search.js ,foldcode.js ,multiplex.js etc.
Its right now used in :
jsbin.com (JS playground)
Light Table (experimental IDE)
Adobe Brackets (code editor)
Mergely (interactive diffing)

Created by Marijn Haverbeke

Download

Example

codemirror-javascript-editor

code editor in the browser

CodeMirror

Related posts:

Pinify
X-Tag
rPage
codemirror-javascript-editor

http://jquer.in/wp-content/uploads/2012/07/codemirror-javascript-editor.jpg

jQuery plugin

Sign up for our weekly newsletter.

* We won't spam you ever