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