Angular-Squire   Fork me on GitHub

An angularjs wrapper directive for the excellent squire editor by HourlyNerd Inc.


Here is the default editor. It supports adding and removing links, and shows you which styles are under cursor.
It also works with angularjs validation out of the box. (type into box, delete it and blur out of editor)



This example demonstrates lazy init on mouseover, which is the default behavior of the directive in firefox and IE. Chrome is sane and does not require it.


Here is an editor with a cover. The cover has placeholder on it, and when you click it, it reveals the editor and an optional controls container.
Note: this feature currently does not work on IE10, but works on 9 and 11 :P

Click if you like cats

Usage

bower install angular-squire

Add the angular-squire module dependency to your angular app.

View the source for directive example use :)

Attributes:
editor-class - class given to the editor iframe (optional)
height - css height for the editor (optional)
width - css width for the editor (optional)
body - binding that contains the initial html contents of the editor, if different from ng-model (optional)
ng-model - where does the html go? required
placeholder - placeholder text (optional)






© 2015 HourlyNerd Inc.