Skip to end of metadata
Go to start of metadata

1、目录结构


    Dialogs为ueditor本身的对话框

    Formdesign为雷劈网表单设计组件插件所在目录

    Jsp为后台命令处理controller,需要配合ueditor-1.1.1.jar使用

    Php为php版本的后台接口

    Themes为主题样式目录

2、扩展开发

    下面以微信模板插件为例讲解二次开发步骤

(1) 增加Js 文件和一个界面文件html

    一般可以从dialog系统默认的组件里复制一个界面类似的组件的html进行修改

(2)按钮图标

(3)定义命令

UE.plugins['weixin_template'] = function () {
var me = this,thePlugins = 'weixin_template';
me.commands[thePlugins] = {
execCommand:function (cmd,uiName) {
var pos='';
var dialog = new UE.ui.Dialog({
iframeUrl:this.options.UEDITOR_HOME_URL + UE.leipiFormDesignUrl+'/weixin.html?type='+pos,
name:thePlugins,
editor:this,
title: '微信模板',
cssRules:"width:740px;height:430px;",
buttons:[
{
className:'edui-okbutton',
label:'确定',
onclick:function () {
dialog.close(true);
}
}]
});
dialog.render();
dialog.open();
}
};
};

(4)定义按钮

function weixinButton(editor,uiName){
if(!this.options.toolleipi)
{
return false;
}
// alert(uiName);
//注册按钮执行时的command命令,使用命令默认就会带有回退操作
editor.registerCommand(uiName,{
execCommand:function(){
try {
editor.execCommand('weixin_template',uiName);
} catch ( e ) {
alert('打开模板异常'+e);
}
}
});

//创建一个button
var btn = new UE.ui.Button({
//按钮的名字
name:uiName,
//提示
title:uiName,
//需要添加的额外样式,指定icon图标,这里默认使用一个重复的icon
cssRules :'background-position:-902px -45px;width: 63px!important;',
//点击时执行的命令
onclick:function () {
//这里可以不用执行命令,做你自己的操作也可
editor.execCommand(uiName,uiName);
}
});
//因为你是添加button,所以需要返回这个button
return btn;
}

(5)注册按钮

    在js中调用registerUI注册命令

    UE.registerUI('微信模板',weixinButton);

3、其他事项

    插件路径

    Jeecg内部ajax接口调用技巧

  • No labels