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

ng-admin引用UEditor 插件 Angular-UEditor相关推荐

百度html在线编辑器插件,百度编辑器UEditor插件DjangoUeditor v1.8.143
DjangoUeditor将Ueditor封装为一个Django app,提供文件/图片等上传功能,提供UEditorField.UEditorWidget等封装类,简化Ueditor在Django中 ...
富文本编辑器——百度UEditor插件Vue组件化
1.百度UEditor插件的安装过程请查看我的另篇博文:http://blog.csdn.net/lzc4869/article/details/78438121 2.组件 (1)组件页面 uedit ...
ASP.net core 使用UEditor.Core 实现 ueditor 上传功能
ASP.net core 使用UEditor.Core 实现 ueditor 上传功能首先通过nuget 引用UEditor.Core,作者github:https://github.com/bai ...
vue+elmentui +ueditor +数学公式编辑器 ueditor
写了几乎一个星期终于写好了,在vue项目中使用的编辑器,最主要的是我想编辑器里面可以输入数学公式.] https://download.csdn.net/download/qq_33769914/10 ...
引用pdf插件在线预览的问题
引用pdf插件在线预览带中文名称文件报错解决解决由图可知插件pdf.js在解析带有中文的pdf文件时出现乱码问题直接去改pdf.js比较麻烦且不好改,我们可以在预览pdf时候这么定义: Prin ...
VS2015下Windows窗体项目引用owc11插件报错解决过程
因为客户要求,需要做一个引用owc11插件里面Microsoft Office PivotTable控件的小程序.由别人做完后在我打开项目的时候,遇到了问题. 首先是关于.NET框架的错误加载之后打 ...
秀米图文排版UEditor插件示例新增自定义按钮没有显示以及与neditor的适配
这是秀米插件的官方文档示例链接因为业务需求,我们后端的CMS里的富文本编辑器需要使用秀米插件,因为我们使用的是vue,便使用了neditor(这是用vue对ueditor的一个封装). 我们先来解释 ...
angular引用swiper插件绘制中间大两边依次缩小的轮播图
初步使用安装前人栽树后人乘凉,已经有大佬们封装好了. npm install swiper npm install @types/swiper 使用在需要应用的模块中引入SwiperModule ...
编写UEditor插件
UE.registerUI('beijing', function (editor, uiName) {// 注册按钮执行时的command命令editor.registerCommand(uiNam ...

ng-admin引用UEditor 插件 Angular-UEditor

angular-ueditor

ng-admin引用UEditor 插件 Angular-UEditor相关推荐

最新文章

热门文章