CodeMirrorUI is a simple interface that I wrote to act as a wrapper around the CodeMirror text editor widget by Marijn Haverbeke.  It adds icons for basic functionality such as undo/redo and find/replace.  

CodeMirrorUI is a simple interface that I wrote to act as a wrapper around the CodeMirror text editor widget by Marijn Haverbeke. CodeMirror is a syntax highlighter and formatter that makes it much easier to edit source code in a browser. ComeMirrorUI is a wrapper that adds interface functionality for many functions that are already built into CodeMirror itself. Functionality includes undo, redo, jump to line, reindent selection, and reindent entire document. Two options for find/replace are also available (embeded and popup). It is based on the MirrorFrame example that Marijn included with CodeMirror.

Here's a screen shot of CodeMirror UI in action:

CodeMirror-UI

Demo and Documentation

Demo and usage instructions are here!

Contribute or Get the code

Find the code and help me improve it via GitHub. I've done some very basic cross browser testing and so far things seem to work just fine in Chrome, Firefox, Safari and modern versions of IE.  If you run into problems with it, please let me know.

Downloads

If you just want the latest release to use in a project you can visit the GitHub downloads page for the project.  I'll try to remember to create a new distribution as I make updates.  

Sites using CodeMirror-UI

If you're using CodeMirror-UI on a site or in an app, please let us know about it and we'll get you added to this list.