ng

53 阅读1分钟

angular-ueditor

angular-ueditor 是一款整合了 angular 和 UEditor 的插件。目的是为了更方便的在angular基础上使用UEditor。

ng-admin引用Angular-UEditor非常之简单。

1.先引入 UEditor 的 javascript 文件

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

目录结构:

2.引入 angular-ueditor.js 文件

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

3.把 angular-ueditor 引入到模块里

var myApp = angular.module('myApp', ['ng-admin','ng.ueditor']);

3.为相应字段添加模板(就这么简单)

nga.field('body', 'template').template('<div style="margin-bottom:1.25rem" class="ueditor" ng-model="value" field="field"></div>'),

重点:class="ueditor" ng-model="value" field="field"  三个属性

测试截图(详情):

参考:ng-admin-book.marmelab.com/doc/Custom-…