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

放码过来 14天前 112

首先将插件基础搭好
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)
  • fdy1226 14天前
    感谢TA
    0 引用 2

    image.png
    加了这个样式还是渲染不了编辑器

  • 放码过来 楼主 12天前
    感谢TA
    0 引用 3

    @fdy1226 清楚缓存 并看一下/public/assets/js/addons.js这个目录里面有插件里的bootstrap.js里的内容没

  • Karson 打赏 11天前
    感谢TA
    0 引用 4

    @放码过来 你这只是简单的集成可用了,还有很多功能并未整合到FastAdmin

  • 放码过来 楼主 10天前
    感谢TA
    0 引用 5

    @Karson 嘿嘿 客户要求不高 集成上去就完事 以后在慢慢完善

  • 未登录
    6
返回