百度编辑器开发教程——教你如何二次开发扩展插件

2017-01-12    136

     在网站建设前端开发中使用编辑器UEditor(以下简称ue)使用技巧,通过上两篇文章(百度编辑器(UEditor)开发教程按钮篇和下拉菜单篇)的介绍,相信网站建设里前端开发的小伙伴们已经对ue的扩展插件开发已经越来越熟悉了。其实ue的插件开发很简单,套路十足,只要稻壳官网的这几篇示例+ue的api文档,就可以轻松扩展ue功能了,ue的api文档点击这里。这节我们继续讲ue插件的开发之“对话框”的插件开发。
 
    本篇我们要实现点击按钮弹出一个对话框,在对话框中的文本域输入任意内容,并把内容追加到编辑器中。
 
1、引入ue相关文件,写好初始代码
 
    使用ue提供的registerUI接口,来注册一个插件。ue插件开发满满的都是套路哦。
 
2、创建一个对话框
 
    创建对话框后,对话框的内容可以是“自定义html”,也可以“嵌入一个iframe”。例如ue中的主要插件都是嵌入的iframe的。

 
百度编辑器开发教程——教你如何二次开发扩展插件
 
 
3、为对话框确认按钮绑定操作
 
    点击确定后,获取对话框中的文本域中的内容,并把内容追加到编辑器中。这里我们使用了ue的追加内容“setContent(html,isAppendTo)”接口。

 
百度编辑器开发教程——教你如何二次开发扩展插件
 
 
4、创建一个按钮,点击后触发对话框
 
    通过上面两步已经完成了对话框的基本操作。现在我们只需要在工具栏中新增一个button并绑定一个触发对话框即可。

 
百度编辑器开发教程——教你如何二次开发扩展插件
 
 
    以上三篇文章前端开发的小伙伴们可以拿来作为基础模板,只需替换你自己的业务逻辑就可以了。所以满满的都是套路,了解了套路,在网站建设前端开发中就可以所向披靡(网站建设前端开发就是这么任性)。
 

欢迎对“百度编辑器开发教程——教你如何二次开发扩展插件”发表您的看法

QQ|手机版|小黑屋|Xiece.com.cn  

GMT+8, 2015-8-14 09:57 , Processed in 0.067638 second(s), 15 queries .

Powered by 协策网络

© 2008-2015 上海网站优化SEO研究中心 沪ICP备09069186号

返回顶部