ueEditor 增加插件，超级方便

最新推荐文章于 2024-06-06 22:33:56 发布

tragedyxd

最新推荐文章于 2024-06-06 22:33:56 发布

阅读量8.3k

点赞数

分类专栏： FrontEnd 文章标签： ueEditor html css javascript html5

本文链接：https://blog.csdn.net/tragedyxd/article/details/48829535

版权

FrontEnd 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

在导入ueEditor的js后另建一个js，执行以下代码

// 注册插件
UE.registerUI('报名表单插入', function (editor, uiName) {
    //注册按钮执行时的command命令，使用命令默认就会带有回退操作
    editor.registerCommand(uiName, {
        execCommand: function () {
            var html = "<html code........>"  // html代码片段
            editor.execCommand('insertHtml', html); // 执行的操作，这里是插入刚才的html代码
        }
    });
    //创建一个button，就是在工具栏上显示的
    var btn = new UE.ui.Button({
        //按钮的名字
        name: uiName,
        //提示
        title: uiName,
        //添加额外样式，指定icon图标，这里默认使用一个重复的icon
        cssRules: 'background-position:-53px -75px', 
        //点击时执行的命令
        onclick: function () {
            editor.execCommand(uiName);
        }
    });
    return btn;
});

tragedyxd

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
ueEditor 增加插件，超级方便

在导入ueEditor的js后另建一个js，执行以下代码// 注册插件UE.registerUI('报名表单插入', function (editor, uiName) { //注册按钮执行时的command命令，使用命令默认就会带有回退操作 editor.registerCommand(uiName, { execCommand: function () {
复制链接

扫一扫

专栏目录