chouseknecht/angular-codemirror

Add CodeMirror to your AngularJS app

AngularCodeMirror

Incorporate CodeMirror into your AngularJS app. Presents the editor in a resizable, draggable modal dialog styled with Twitter Bootstrap. Pass in any valid CodeMirror options to make the editor fit your app needs.

Installation:

bower install angular-codemirror

Example App:

With Node.js installed, you can run the sample app locally. Clone the repo to a local projects directory, install package dependencies, and then run with the included server:

cd projects
git clone [email protected]:chouseknecht/angular-codemirror.git
cd angular-codemirror
bower install
node ./scripts/web-server.js

Point your browser to http://localhost:8000/app/index.html. Click the code editor link.

How To:

If you installed with Bower, then all the dependencies will exist in bower_components. See app/index.html for a template of how to include all the needed .js and .css files. If you want to install dependencies manually, review bower.json for a list of what's needed.

Check the CodeMirror documentation to see what needs to be included for the mode and options you choose. Again, if you installed with Bower, then everything you need should be found under bower_components.

Incorporate into your Angular app by following the example in app/js/sampleApp.js.

angular-codemirror's Issues

Support of readOnly 'nocursor' method for CodeMirror

There are 3 options that a readOnly value can take - [true, false, "nocursor"]. However, the AngularCodeMirror.js file sets readOnly to true even if it has been passed "nocursor". Refer line: https://github.com/chouseknecht/angular-codemirror/blob/master/lib/AngularCodeMirror.js#L76

So, what if we change the line to:

self.modes[val].readOnly = readOnly;