Skip to content
forked from Morgul/editables

A collection of AngularJS directives to enable inline editing and binding of models to html, using content editable.

License

Notifications You must be signed in to change notification settings

mcampa/editables

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

21 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Editables

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.

Example

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.

More

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

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

License

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

About

A collection of AngularJS directives to enable inline editing and binding of models to html, using content editable.

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 91.5%
  • CSS 8.5%