Files
awx/awx/ui/client/lib/angular-codemirror
Jared Tabor 187c01e349 Restyling of textarea input fields
This mostly includes the Code Mirror instances as well as textarea fields on the credentials form. Also includes the styling of radio button for the variables textarea box.
2016-01-27 21:54:03 -08:00
..
2015-07-27 10:19:14 -04:00
2016-01-27 21:54:03 -08:00
2015-07-27 10:19:14 -04:00
2015-07-27 10:19:14 -04:00
2015-07-27 10:19:14 -04:00
2015-07-27 10:19:14 -04:00
2015-07-27 10:19:14 -04:00
2015-07-27 10:19:14 -04:00
2015-07-27 10:19:14 -04:00

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 git@github.com: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.