Getting Started

textAngular v1.2

Demo is available at: http://www.textangular.com

Requirements

1. AngularJS ≥ 1.2.x ;
2. textAngular-Sanitize This is a fork of Angular Sanitize v1.2.x. The standard Angular Sanitize strips out some attributes that it shouldn't in the case of textAngular.

Optional requirements

1. Bootstrap 3.x for the default styles
2. Font-Awesome 4.x for the default icons on the toolbar
3. Rangy 1.x for better activeState detection and more dynamic plugins, also the selectionsaverestore module.

Usage

1. Get textAngular via bower install textAngular, using the cdn at http://cdnjs.cloudflare.com/ajax/libs/textAngular/1.1.2/textAngular.min.js or from the github page https://github.com/fraywing/textAngular/releases/latest
2. Include textAngular.js or textAngular.min.js in your project using script tags
3. Include textAngular-sanitize.js, textAngular-sanitize.min.js or angular-sanitize.min.js in your project using script tags
4. Add a dependency to textAngular in your app module, for example: angular.module('myModule', ['textAngular']).
5. Create an element to hold the editor and add an ng-model="htmlVariable" attribute where htmtlVariable is the scope variable that will hold the HTML entered into the editor:

<div text-angular ng-model="htmlVariable"></div>

OR (Only in Non IE browsers)

<text-angular ng-model="htmlVariable"></div>

This acts similar to a regular AngularJS / form input if you give it a name attribute, allowing for form submission and AngularJS form validation.

Have fun!