From 99f904adcc37d93c90defcd8ce898598e25be212 Mon Sep 17 00:00:00 2001 From: Hugues Hiegel Date: Wed, 11 Mar 2015 16:55:04 +0100 Subject: Lot of plugins --- codemirror_ui/README.md | 66 +++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 66 insertions(+) create mode 100644 codemirror_ui/README.md (limited to 'codemirror_ui/README.md') diff --git a/codemirror_ui/README.md b/codemirror_ui/README.md new file mode 100644 index 0000000..3a8d49e --- /dev/null +++ b/codemirror_ui/README.md @@ -0,0 +1,66 @@ +CodeMirror UI +============= + +CodeMirrorUI is a simple interface written by Jeremy Green to act as a +wrapper around the [CodeMirror](http://codemirror.net/) 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. +CodeMirrorUI 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. It is based on the MirrorFrame example that Marijn included with CodeMirror. + +Demo +------------------- + +[http://www.octolabs.com/javascripts/codemirror-ui/index.html](http://www.octolabs.com/javascripts/codemirror-ui/index.html) + +Upgrading +------------------- +*Note* Starting with version 0.0.17 CodeMirror-UI upgraded to CodeMirror-2.3. The find and replace functionality relies +on the searchcursor add-on for CodeMirror. Make sure to add the searchcursor line from the installation instructions if +the search/replace is not working. + +Easily Configurable +-------------------- + +It's easy to configure an editor with something like this: + + //first set up some variables + var textarea = document.getElementById('code1'); + var uiOptions = { path : 'js/', searchMode: 'popup' } + var codeMirrorOptions = { + mode: "javascript" // all your normal CodeMirror options go here + } + + //then create the editor + var editor = new CodeMirrorUI(textarea,uiOptions,codeMirrorOptions); + +Installation +-------------------- + + // First the CodeMirror stuff + + + + + + + //Then the CodeMirrorUI stuff + + + +You'll probably need to adjust the paths to fit your situation. + +Please see index.html for examples and many additional details. + +Acknowledgements +---------------------- + +Thanks to Marijn Haverbeke for creating and releasing [CodeMirror](http://codemirror.net/) in the first place. +Without his excellent contribution to the community this project would have no reason to exist. + +Thanks to Mark James of famfamfam.com for his [Silk Icons](http://www.famfamfam.com/lab/icons/silk/). + +License +---------------------- + +CodeMirror UI is provided under the MIT License. See the LICENSE file for full details. \ No newline at end of file -- cgit v1.2.3