您的位置:首页 > 产品设计 > UI/UE

ueEditor 增加插件,超级方便

2015-09-30 15:59 465 查看
在导入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;
});
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: