Angularjs Online Editor

1, Textangular:
Https://github.com/fraywing/textAngular

Textangular is a powerful TEXT-EDITOR/WYSIWYG editor for angular.js applications.
Installation is easy to use, you can create multiple editor instances, two-way binding HTML content, you can see the changes in editing content.
The disadvantage is not to support uploading files to the server, only simple text editing, can be used for the site user Review module

2, Angular.xheditor:

Https://github.com/cipchk/angular.xheditor

Xheditor version of Angularjs, no research

3, Angular-ueditor:

Http://inhu.net/publish-angular-ueditor.html

Ueditor is the online editor provided by Baidu, the function is very rich, angular-ueditor is a integration of angular and ueditor plug-ins. The aim is to make it easier to use ueditor on a angular basis.
Installation is very convenient:

(1) First to download Baidu Ueditor1_4_3-utf8-jsp.zip website

(2) Unzip the Ueditor1_4_3-utf8-jsp.zip to its own engineering web directory, cut the jar in the Jsp/lib directory into the Web-inf/lib directory, these jars are used for file upload operations, The file upload action is not possible if missing.

(3) Download Angular-ueditor-master.zip, unzip, copy the Angular-ueditor.js to your Project Web directory

(4) Added JS file in single page application

<script type= "Text/javascript" src= "ueditor/ueditor.config.js" ></script><script type= "text/ JavaScript "src=" ueditor/ueditor.all.js "></script><script type=" Text/javascript "src=" Angular-ueditor.js "></script>

(5) Introduce angular-ueditor into the module in App.js, and bind the Ng-model in the HTML application

Angular.module (' app ', [' ng.ueditor ']) ... <div class= "ueditor" ng-model= "content" ></div>

(6) Upload image default path modification (refer to www. suchso. com/uiweb/baidu-ueditor-image-upload-config-url.html)

All upload configuration options are configured in one file, which is Ueditor/jsp/config.json, such as Imagepathformat, which indicates what directory the file is uploaded to.

"Imagepathformat": "./ueditor/jsp/upload/image/{yyyy}{mm}{dd}/{time}{rand:6}"

Angularjs Online Editor