angular-ueditor — это форк Baidu UEditor.

Цель — упростить использование UEditor с Angular.

Демо

http://zqjimlove.github.io/angular-ueditor/

Установка

Включите оба файла javascript UEditor:

<script type="text/javascript" src="/ueditor/ueditor.config.js"></script>
<script type="text/javascript" src="/ueditor/ueditor.all.js"></script>

Возьмите последний релиз и файл javascript:

<script type="text/javascript" src="angular-ueditor.js"></script>

Затем добавьте angular-ueditor в зависимости модулей:

angular.module('app', ['ng.ueditor'])

Bower install

Вы должны включить файл javascript UEditor самостоятельно, потому что UEDitor нет в Bower.

bower install angular-ueditor --save

Использование

Базовое использование

Необходимо привязать NgModel

<div class="ueditor" ng-model="content"></div>

Настройка редактора

Вы можете настроить UEditor через начальную конфигурацию UE.

<div class="ueditor" config="config" ng-model="content"></div>
...
<script>
    $scope.config = {
        ...
    }
</script>

Метод

ready(listener)

Регистрирует обратный вызов слушателя, который будет выполняться всякий раз, когда редактор готов.

Параметры

Пример

<div class="ueditor" ready="ready" ng-model="content"></div>
...
<script type="text/javascript">
    $scope.ready = function(editor){
        alert(editor.getContent());
    }
</script>

Сборка

Если вы хотите собрать из мастера, вам нужно:

npm install
grunt

Тест

npm install
npm test

Лицензия

Лицензия Mit: http://www.opensource.org/licenses/mit-license.php