ueEditor 增加插件,超级方便


在导入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;
});


你可能感兴趣的:(JavaScript,html,html5,css,ueEditor)