This project provides a collection of AngularJS directives for doing inline editing and binding on html elements, using contenteditable. In short, it's like the x-editable project, only nicer, and using contenteditable.

Here is a very basic example:

<h1 editable="title">Placeholder here...</h1>

<h1 editable="title" type="text">Placeholder here...</h1>

This would bind to the title model in the same way you would bind to an <input> element.

There's a lot more editables can do, including provide a slim WYSIWYG editor in a minimal amount of code:

<div style="min-height: 200px; border: 1px solid #aaa;" editable="myModel" toolbar="text-edit">Type here...</div>

That's it! For more examples, see the demo.html page. (You can run this with npm start on the command line. Remember to npm install first, however!)

Contributions are welcome. Just fork, fix, and pull request!

All code is MIT Licensed. Please see the LICENSE for details.