记一次集成百度编辑器插件过程

首先将插件基础搭好
image.png
类似这样
控制器里面可以不用管了,默认的就行了
config.php也不用去管 返回空值就行
info.ini自己看着写呗
assets文件夹里面放入下载好的百度编辑器
image.png
修改ueditor.config.js
image.png
修改成插件安装后的目录 可以参考其他编辑器插件
主要的是bootstrap.js里面是处理百度编辑器

define([], function () {
    require.config({
    paths: {
        'baidueditor': '../addons/baidueditor/ueditor.all',
        'ZeroClipboard' : "../addons/baidueditor/third-party/zeroclipboard/ZeroClipboard"
    },
    shim: {
        'baidueditor': ['../addons/baidueditor/ueditor.config'],
    }
});
require(['ZeroClipboard'],function(ZeroClipboard){
    window['ZeroClipboard'] = ZeroClipboard;
});

require(['form', 'upload'], function (Form, Upload) {
    var editor;
    require(['baidueditor'], function () {
        $(".editor").each(function () {
            $(this).hide();
            var id = $(this).attr("id");
            var name = $(this).attr("name");
            $("<scrpit />").attr({'id' : 'baidu-' + id, 'name' : name}).insertAfter(this);
            editor = UE.getEditor('baidu-' + id);
        });
    });
    
});

});

image.png
info.ini里面的state值为0你才能启动编辑器
点击切换状态后 清除缓存 打开富文本编辑器出就可以成功查看到
image.png
当然 还有许多东西没有修改 并不能派上用场 比如上传 等等

4 条评论

发布
问题