angular-contenteditable

![Build Status](https://travis-ci.org/akatov/angular-contenteditable)
![Dependency Status](https://gemnasium.com/akatov/angular-contenteditable)
![endorse](https://coderwall.com/akatov)

An AngularJS directive to bind html tags with the contenteditable attribute to models.

Install

``bash bower install angular-contenteditable`

`Usage`

`javascript angular.module('myapp', ['contenteditable']) .controller('Ctrl', ['$scope', function($scope) { $scope.model="interesting stuff" }])`

`html


          ng-model="model"
        strip-br="true"
        strip-tags="true"
        select-non-editable="true">


Notice

The directive currently does not work in any version of Internet Explorer or Opera < 15. Both browsers don't fire theinput event for contenteditable fields.

In Chrome, when a contenteditable element X contains a non-contenteditable element Y as the last element, then the behaviour of the caret is the following:

* When X has style display set to block or inline-block, then the caret moves to the very far right edge of X when it is _immediately_ at the end of X (inserting spaces moves the caret back).

* When X has style display set to inline, then the caret disappears instead.

`Development`

`bash npm install bower install grunt``