百度ueditor编辑器插件开发之对话框-移动微模板插件

最新推荐文章于 2025-06-19 12:08:12 发布

原创

最新推荐文章于 2025-06-19 12:08:12 发布 · 6.5k 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍了如何利用jsonp、easytemplate和pagination等技术开发ueditor编辑器的插件，目标是创建一个可复用的、远程数据驱动的对话框插件。该插件存放在ueditor的p目录下，包含main.js和uet.html，通过配置和引用main.js文件，可实现对话框功能，并确保内部js引用正确。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

现在市面上有很多款前端网页编辑器，百度ueditor凭借着国有化的，操作界面友好的特点，迅速地成为我现在一直在使用的编辑器。首先讲一下我的这个插件开发需要用到的技术知识点：

1.jsonp跨域ajax请求

2.easytemplate模板引擎
3.pagination前端js分页插件

4.ueditor插件对话框二次开发的基本方法

开发目标：

开发可供多个项目甚至是其它的项目使用的百度编辑器ueditor的插件，本地程序简易化配置。程序和数据放在远程数据库和服务器中。

插件目录：放到ueditor下的建立的一个新文件夹p目录下，其中包含main.js和uet.html两个文件。

其中main.js的文件内容如下：（此处文件是参照百度官方文档）

UE.registerUI('dialog',function(editor,uiName){

    //创建dialog
    var dialog = new UE.ui.Dialog({
        //指定弹出层中页面的路径，这里只能支持页面,因为跟addCustomizeDialog.js相同目录，所以无需加路径
        iframeUrl:editor.ui.UEDITOR_HOME_URL+"p/uet.html",
        //需要指定当前的编辑器实例
        editor:editor,
        //指定dialog的名字
        name:uiName,
        //dialog的标题
        title: