ng-admin引用UEditor 插件 Angular-UEditor

2019独角兽企业重金招聘Python工程师标准>>>

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"  三个属性

测试截图（详情）：

参考：https://ng-admin-book.marmelab.com/doc/Custom-types.html

          

转载于:https://my.oschina.net/zhenggao/blog/3057551