|
|
/*
|
|
|
* 设计器私有的配置说明
|
|
|
* 一
|
|
|
* UE.leipiFormDesignUrl 插件路径
|
|
|
*
|
|
|
* 二
|
|
|
*UE.getEditor('myFormDesign',{
|
|
|
* toolleipi:true,//是否显示，设计器的清单 tool
|
|
|
*/
|
|
|
UE.leipiFormDesignUrl = 'formdesign';
|
|
|
/**
|
|
|
* 文本框
|
|
|
* @command textfield
|
|
|
* @method execCommand
|
|
|
* @param { String } cmd 命令字符串
|
|
|
* @example
|
|
|
* ```javascript
|
|
|
* editor.execCommand( 'textfield');
|
|
|
* ```
|
|
|
*/
|
|
|
UE.plugins['text'] = function () {
|
|
|
var me = this,thePlugins = 'text';
|
|
|
me.commands[thePlugins] = {
|
|
|
execCommand:function () {
|
|
|
var dialog = new UE.ui.Dialog({
|
|
|
iframeUrl:this.options.UEDITOR_HOME_URL + UE.leipiFormDesignUrl+'/text.html',
|
|
|
name:thePlugins,
|
|
|
editor:this,
|
|
|
title: '文本框',
|
|
|
cssRules:"width:600px;height:310px;",
|
|
|
buttons:[
|
|
|
{
|
|
|
className:'edui-okbutton',
|
|
|
label:'确定',
|
|
|
onclick:function () {
|
|
|
dialog.close(true);
|
|
|
}
|
|
|
},
|
|
|
{
|
|
|
className:'edui-cancelbutton',
|
|
|
label:'取消',
|
|
|
onclick:function () {
|
|
|
dialog.close(false);
|
|
|
}
|
|
|
}]
|
|
|
});
|
|
|
dialog.render();
|
|
|
dialog.open();
|
|
|
}
|
|
|
};
|
|
|
var popup = new baidu.editor.ui.Popup( {
|
|
|
editor:this,
|
|
|
content: '',
|
|
|
className: 'edui-bubble',
|
|
|
_edittext: function () {
|
|
|
baidu.editor.plugins[thePlugins].editdom = popup.anchorEl;
|
|
|
me.execCommand(thePlugins);
|
|
|
this.hide();
|
|
|
},
|
|
|
_delete:function(){
|
|
|
if( window.confirm('确认删除该控件吗？') ) {
|
|
|
baidu.editor.dom.domUtils.remove(this.anchorEl,false);
|
|
|
}
|
|
|
this.hide();
|
|
|
}
|
|
|
} );
|
|
|
popup.render();
|
|
|
me.addListener( 'mouseover', function( t, evt ) {
|
|
|
evt = evt || window.event;
|
|
|
var el = evt.target || evt.srcElement;
|
|
|
var leipiPlugins = el.getAttribute('leipiplugins');
|
|
|
if ( /input/ig.test( el.tagName ) && leipiPlugins==thePlugins) {
|
|
|
var html = popup.formatHtml(
|
|
|
'<nobr>文本框: <span onclick=$$._edittext() class="edui-clickable">编辑</span> <span onclick=$$._delete() class="edui-clickable">删除</span></nobr>' );
|
|
|
if ( html ) {
|
|
|
popup.getDom( 'content' ).innerHTML = html;
|
|
|
popup.anchorEl = el;
|
|
|
popup.showAnchor( popup.anchorEl );
|
|
|
} else {
|
|
|
popup.hide();
|
|
|
}
|
|
|
}
|
|
|
});
|
|
|
};
|
|
|
/**
|
|
|
* 宏控件
|
|
|
* @command macros
|
|
|
* @method execCommand
|
|
|
* @param { String } cmd 命令字符串
|
|
|
* @example
|
|
|
* ```javascript
|
|
|
* editor.execCommand( 'macros');
|
|
|
* ```
|
|
|
*/
|
|
|
UE.plugins['macros'] = function () {
|
|
|
var me = this,thePlugins = 'macros';
|
|
|
me.commands[thePlugins] = {
|
|
|
execCommand:function () {
|
|
|
var dialog = new UE.ui.Dialog({
|
|
|
iframeUrl:this.options.UEDITOR_HOME_URL + UE.leipiFormDesignUrl+'/macros.html',
|
|
|
name:thePlugins,
|
|
|
editor:this,
|
|
|
title: '宏控件',
|
|
|
cssRules:"width:600px;height:270px;",
|
|
|
buttons:[
|
|
|
{
|
|
|
className:'edui-okbutton',
|
|
|
label:'确定',
|
|
|
onclick:function () {
|
|
|
dialog.close(true);
|
|
|
}
|
|
|
},
|
|
|
{
|
|
|
className:'edui-cancelbutton',
|
|
|
label:'取消',
|
|
|
onclick:function () {
|
|
|
dialog.close(false);
|
|
|
}
|
|
|
}]
|
|
|
});
|
|
|
dialog.render();
|
|
|
dialog.open();
|
|
|
}
|
|
|
};
|
|
|
var popup = new baidu.editor.ui.Popup( {
|
|
|
editor:this,
|
|
|
content: '',
|
|
|
className: 'edui-bubble',
|
|
|
_edittext: function () {
|
|
|
baidu.editor.plugins[thePlugins].editdom = popup.anchorEl;
|
|
|
me.execCommand(thePlugins);
|
|
|
this.hide();
|
|
|
},
|
|
|
_delete:function(){
|
|
|
if( window.confirm('确认删除该控件吗？') ) {
|
|
|
baidu.editor.dom.domUtils.remove(this.anchorEl,false);
|
|
|
}
|
|
|
this.hide();
|
|
|
}
|
|
|
} );
|
|
|
popup.render();
|
|
|
me.addListener( 'mouseover', function( t, evt ) {
|
|
|
evt = evt || window.event;
|
|
|
var el = evt.target || evt.srcElement;
|
|
|
var leipiPlugins = el.getAttribute('leipiplugins');
|
|
|
if ( /input/ig.test( el.tagName ) && leipiPlugins==thePlugins) {
|
|
|
var html = popup.formatHtml(
|
|
|
'<nobr>宏控件: <span onclick=$$._edittext() class="edui-clickable">编辑</span> <span onclick=$$._delete() class="edui-clickable">删除</span></nobr>' );
|
|
|
if ( html ) {
|
|
|
popup.getDom( 'content' ).innerHTML = html;
|
|
|
popup.anchorEl = el;
|
|
|
popup.showAnchor( popup.anchorEl );
|
|
|
} else {
|
|
|
popup.hide();
|
|
|
}
|
|
|
}
|
|
|
});
|
|
|
};
|
|
|
/**
|
|
|
* 单选框
|
|
|
* @command radio
|
|
|
* @method execCommand
|
|
|
* @param { String } cmd 命令字符串
|
|
|
* @example
|
|
|
* ```javascript
|
|
|
* editor.execCommand( 'radio');
|
|
|
* ```
|
|
|
|
|
|
UE.plugins['radio'] = function () {
|
|
|
var me = this,thePlugins = 'radio';
|
|
|
me.commands[thePlugins] = {
|
|
|
execCommand:function () {
|
|
|
var dialog = new UE.ui.Dialog({
|
|
|
iframeUrl:this.options.UEDITOR_HOME_URL + UE.leipiFormDesignUrl+'/radio.html',
|
|
|
name:thePlugins,
|
|
|
editor:this,
|
|
|
title: '单选框',
|
|
|
cssRules:"width:590px;height:370px;",
|
|
|
buttons:[
|
|
|
{
|
|
|
className:'edui-okbutton',
|
|
|
label:'确定',
|
|
|
onclick:function () {
|
|
|
dialog.close(true);
|
|
|
}
|
|
|
},
|
|
|
{
|
|
|
className:'edui-cancelbutton',
|
|
|
label:'取消',
|
|
|
onclick:function () {
|
|
|
dialog.close(false);
|
|
|
}
|
|
|
}]
|
|
|
});
|
|
|
dialog.render();
|
|
|
dialog.open();
|
|
|
}
|
|
|
};
|
|
|
var popup = new baidu.editor.ui.Popup( {
|
|
|
editor:this,
|
|
|
content: '',
|
|
|
className: 'edui-bubble',
|
|
|
_edittext: function () {
|
|
|
baidu.editor.plugins[thePlugins].editdom = popup.anchorEl;
|
|
|
me.execCommand(thePlugins);
|
|
|
this.hide();
|
|
|
},
|
|
|
_delete:function(){
|
|
|
if( window.confirm('确认删除该控件吗？') ) {
|
|
|
baidu.editor.dom.domUtils.remove(this.anchorEl,false);
|
|
|
}
|
|
|
this.hide();
|
|
|
}
|
|
|
} );
|
|
|
popup.render();
|
|
|
me.addListener( 'mouseover', function( t, evt ) {
|
|
|
evt = evt || window.event;
|
|
|
var el = evt.target || evt.srcElement;
|
|
|
var leipiPlugins = el.getAttribute('leipiplugins');
|
|
|
if ( /input/ig.test( el.tagName ) && leipiPlugins==thePlugins) {
|
|
|
var html = popup.formatHtml(
|
|
|
'<nobr>单选框: <span onclick=$$._edittext() class="edui-clickable">编辑</span> <span onclick=$$._delete() class="edui-clickable">删除</span></nobr>' );
|
|
|
if ( html ) {
|
|
|
popup.getDom( 'content' ).innerHTML = html;
|
|
|
popup.anchorEl = el;
|
|
|
popup.showAnchor( popup.anchorEl );
|
|
|
} else {
|
|
|
popup.hide();
|
|
|
}
|
|
|
}
|
|
|
});
|
|
|
};
|
|
|
*/
|
|
|
|
|
|
/**
|
|
|
* 复选框
|
|
|
* @command checkbox
|
|
|
* @method execCommand
|
|
|
* @param { String } cmd 命令字符串
|
|
|
* @example
|
|
|
* ```javascript
|
|
|
* editor.execCommand( 'checkbox');
|
|
|
* ```
|
|
|
*/
|
|
|
/*
|
|
|
UE.plugins['checkbox'] = function () {
|
|
|
var me = this,thePlugins = 'checkbox';
|
|
|
me.commands[thePlugins] = {
|
|
|
execCommand:function () {
|
|
|
var dialog = new UE.ui.Dialog({
|
|
|
iframeUrl:this.options.UEDITOR_HOME_URL + UE.leipiFormDesignUrl+'/checkbox.html',
|
|
|
name:thePlugins,
|
|
|
editor:this,
|
|
|
title: '复选框',
|
|
|
cssRules:"width:600px;height:200px;",
|
|
|
buttons:[
|
|
|
{
|
|
|
className:'edui-okbutton',
|
|
|
label:'确定',
|
|
|
onclick:function () {
|
|
|
dialog.close(true);
|
|
|
}
|
|
|
},
|
|
|
{
|
|
|
className:'edui-cancelbutton',
|
|
|
label:'取消',
|
|
|
onclick:function () {
|
|
|
dialog.close(false);
|
|
|
}
|
|
|
}]
|
|
|
});
|
|
|
dialog.render();
|
|
|
dialog.open();
|
|
|
}
|
|
|
};
|
|
|
var popup = new baidu.editor.ui.Popup( {
|
|
|
editor:this,
|
|
|
content: '',
|
|
|
className: 'edui-bubble',
|
|
|
_edittext: function () {
|
|
|
baidu.editor.plugins[thePlugins].editdom = popup.anchorEl;
|
|
|
me.execCommand(thePlugins);
|
|
|
this.hide();
|
|
|
},
|
|
|
_delete:function(){
|
|
|
if( window.confirm('确认删除该控件吗？') ) {
|
|
|
baidu.editor.dom.domUtils.remove(this.anchorEl,false);
|
|
|
}
|
|
|
this.hide();
|
|
|
}
|
|
|
} );
|
|
|
popup.render();
|
|
|
me.addListener( 'mouseover', function( t, evt ) {
|
|
|
evt = evt || window.event;
|
|
|
var el = evt.target || evt.srcElement;
|
|
|
var leipiPlugins = el.getAttribute('leipiplugins');
|
|
|
if ( /input/ig.test( el.tagName ) && leipiPlugins==thePlugins) {
|
|
|
var html = popup.formatHtml(
|
|
|
'<nobr>复选框: <span onclick=$$._edittext() class="edui-clickable">编辑</span> <span onclick=$$._delete() class="edui-clickable">删除</span></nobr>' );
|
|
|
if ( html ) {
|
|
|
popup.getDom( 'content' ).innerHTML = html;
|
|
|
popup.anchorEl = el;
|
|
|
popup.showAnchor( popup.anchorEl );
|
|
|
} else {
|
|
|
popup.hide();
|
|
|
}
|
|
|
}
|
|
|
});
|
|
|
};
|
|
|
*/
|
|
|
/**
|
|
|
* 单选框组
|
|
|
* @command radios
|
|
|
* @method execCommand
|
|
|
* @param { String } cmd 命令字符串
|
|
|
* @example
|
|
|
* ```javascript
|
|
|
* editor.execCommand( 'radio');
|
|
|
* ```
|
|
|
*/
|
|
|
UE.plugins['radios'] = function () {
|
|
|
var me = this,thePlugins = 'radios';
|
|
|
me.commands[thePlugins] = {
|
|
|
execCommand:function () {
|
|
|
var dialog = new UE.ui.Dialog({
|
|
|
iframeUrl:this.options.UEDITOR_HOME_URL + UE.leipiFormDesignUrl+'/radios.html',
|
|
|
name:thePlugins,
|
|
|
editor:this,
|
|
|
title: '单选框组',
|
|
|
cssRules:"width:590px;height:370px;",
|
|
|
buttons:[
|
|
|
{
|
|
|
className:'edui-okbutton',
|
|
|
label:'确定',
|
|
|
onclick:function () {
|
|
|
dialog.close(true);
|
|
|
}
|
|
|
},
|
|
|
{
|
|
|
className:'edui-cancelbutton',
|
|
|
label:'取消',
|
|
|
onclick:function () {
|
|
|
dialog.close(false);
|
|
|
}
|
|
|
}]
|
|
|
});
|
|
|
dialog.render();
|
|
|
dialog.open();
|
|
|
}
|
|
|
};
|
|
|
var popup = new baidu.editor.ui.Popup( {
|
|
|
editor:this,
|
|
|
content: '',
|
|
|
className: 'edui-bubble',
|
|
|
_edittext: function () {
|
|
|
baidu.editor.plugins[thePlugins].editdom = popup.anchorEl;
|
|
|
me.execCommand(thePlugins);
|
|
|
this.hide();
|
|
|
},
|
|
|
_delete:function(){
|
|
|
if( window.confirm('确认删除该控件吗？') ) {
|
|
|
baidu.editor.dom.domUtils.remove(this.anchorEl,false);
|
|
|
}
|
|
|
this.hide();
|
|
|
}
|
|
|
} );
|
|
|
popup.render();
|
|
|
me.addListener( 'mouseover', function( t, evt ) {
|
|
|
evt = evt || window.event;
|
|
|
var el = evt.target || evt.srcElement;
|
|
|
var leipiPlugins = el.getAttribute('leipiplugins');
|
|
|
if ( /span/ig.test( el.tagName ) && leipiPlugins==thePlugins) {
|
|
|
var html = popup.formatHtml(
|
|
|
'<nobr>单选框组: <span onclick=$$._edittext() class="edui-clickable">编辑</span> <span onclick=$$._delete() class="edui-clickable">删除</span></nobr>' );
|
|
|
if ( html ) {
|
|
|
var elInput = el.getElementsByTagName("input");
|
|
|
var rEl = elInput.length>0 ? elInput[0] : el;
|
|
|
popup.getDom( 'content' ).innerHTML = html;
|
|
|
popup.anchorEl = el;
|
|
|
popup.showAnchor( rEl);
|
|
|
} else {
|
|
|
popup.hide();
|
|
|
}
|
|
|
}
|
|
|
});
|
|
|
};
|
|
|
/**
|
|
|
* 复选框组
|
|
|
* @command checkboxs
|
|
|
* @method execCommand
|
|
|
* @param { String } cmd 命令字符串
|
|
|
* @example
|
|
|
* ```javascript
|
|
|
* editor.execCommand( 'checkboxs');
|
|
|
* ```
|
|
|
*/
|
|
|
UE.plugins['checkboxs'] = function () {
|
|
|
var me = this,thePlugins = 'checkboxs';
|
|
|
me.commands[thePlugins] = {
|
|
|
execCommand:function () {
|
|
|
var dialog = new UE.ui.Dialog({
|
|
|
iframeUrl:this.options.UEDITOR_HOME_URL + UE.leipiFormDesignUrl+'/checkboxs.html',
|
|
|
name:thePlugins,
|
|
|
editor:this,
|
|
|
title: '复选框组',
|
|
|
cssRules:"width:600px;height:400px;",
|
|
|
buttons:[
|
|
|
{
|
|
|
className:'edui-okbutton',
|
|
|
label:'确定',
|
|
|
onclick:function () {
|
|
|
dialog.close(true);
|
|
|
}
|
|
|
},
|
|
|
{
|
|
|
className:'edui-cancelbutton',
|
|
|
label:'取消',
|
|
|
onclick:function () {
|
|
|
dialog.close(false);
|
|
|
}
|
|
|
}]
|
|
|
});
|
|
|
dialog.render();
|
|
|
dialog.open();
|
|
|
}
|
|
|
};
|
|
|
var popup = new baidu.editor.ui.Popup( {
|
|
|
editor:this,
|
|
|
content: '',
|
|
|
className: 'edui-bubble',
|
|
|
_edittext: function () {
|
|
|
baidu.editor.plugins[thePlugins].editdom = popup.anchorEl;
|
|
|
me.execCommand(thePlugins);
|
|
|
this.hide();
|
|
|
},
|
|
|
_delete:function(){
|
|
|
if( window.confirm('确认删除该控件吗？') ) {
|
|
|
baidu.editor.dom.domUtils.remove(this.anchorEl,false);
|
|
|
}
|
|
|
this.hide();
|
|
|
}
|
|
|
} );
|
|
|
popup.render();
|
|
|
me.addListener( 'mouseover', function( t, evt ) {
|
|
|
evt = evt || window.event;
|
|
|
var el = evt.target || evt.srcElement;
|
|
|
var leipiPlugins = el.getAttribute('leipiplugins');
|
|
|
if ( /span/ig.test( el.tagName ) && leipiPlugins==thePlugins) {
|
|
|
var html = popup.formatHtml(
|
|
|
'<nobr>复选框组: <span onclick=$$._edittext() class="edui-clickable">编辑</span> <span onclick=$$._delete() class="edui-clickable">删除</span></nobr>' );
|
|
|
if ( html ) {
|
|
|
var elInput = el.getElementsByTagName("input");
|
|
|
var rEl = elInput.length>0 ? elInput[0] : el;
|
|
|
popup.getDom( 'content' ).innerHTML = html;
|
|
|
popup.anchorEl = el;
|
|
|
popup.showAnchor( rEl);
|
|
|
} else {
|
|
|
popup.hide();
|
|
|
}
|
|
|
}
|
|
|
});
|
|
|
};
|
|
|
/**
|
|
|
* 多行文本框
|
|
|
* @command textarea
|
|
|
* @method execCommand
|
|
|
* @param { String } cmd 命令字符串
|
|
|
* @example
|
|
|
* ```javascript
|
|
|
* editor.execCommand( 'textarea');
|
|
|
* ```
|
|
|
*/
|
|
|
UE.plugins['textarea'] = function () {
|
|
|
var me = this,thePlugins = 'textarea';
|
|
|
me.commands[thePlugins] = {
|
|
|
execCommand:function () {
|
|
|
var dialog = new UE.ui.Dialog({
|
|
|
iframeUrl:this.options.UEDITOR_HOME_URL + UE.leipiFormDesignUrl+'/textarea.html',
|
|
|
name:thePlugins,
|
|
|
editor:this,
|
|
|
title: '多行文本框',
|
|
|
cssRules:"width:600px;height:330px;",
|
|
|
buttons:[
|
|
|
{
|
|
|
className:'edui-okbutton',
|
|
|
label:'确定',
|
|
|
onclick:function () {
|
|
|
dialog.close(true);
|
|
|
}
|
|
|
},
|
|
|
{
|
|
|
className:'edui-cancelbutton',
|
|
|
label:'取消',
|
|
|
onclick:function () {
|
|
|
dialog.close(false);
|
|
|
}
|
|
|
}]
|
|
|
});
|
|
|
dialog.render();
|
|
|
dialog.open();
|
|
|
}
|
|
|
};
|
|
|
var popup = new baidu.editor.ui.Popup( {
|
|
|
editor:this,
|
|
|
content: '',
|
|
|
className: 'edui-bubble',
|
|
|
_edittext: function () {
|
|
|
baidu.editor.plugins[thePlugins].editdom = popup.anchorEl;
|
|
|
me.execCommand(thePlugins);
|
|
|
this.hide();
|
|
|
},
|
|
|
_delete:function(){
|
|
|
if( window.confirm('确认删除该控件吗？') ) {
|
|
|
baidu.editor.dom.domUtils.remove(this.anchorEl,false);
|
|
|
}
|
|
|
this.hide();
|
|
|
}
|
|
|
} );
|
|
|
popup.render();
|
|
|
me.addListener( 'mouseover', function( t, evt ) {
|
|
|
evt = evt || window.event;
|
|
|
var el = evt.target || evt.srcElement;
|
|
|
if ( /textarea/ig.test( el.tagName ) ) {
|
|
|
var html = popup.formatHtml(
|
|
|
'<nobr>多行文本框: <span onclick=$$._edittext() class="edui-clickable">编辑</span> <span onclick=$$._delete() class="edui-clickable">删除</span></nobr>' );
|
|
|
if ( html ) {
|
|
|
popup.getDom( 'content' ).innerHTML = html;
|
|
|
popup.anchorEl = el;
|
|
|
popup.showAnchor( popup.anchorEl );
|
|
|
} else {
|
|
|
popup.hide();
|
|
|
}
|
|
|
}
|
|
|
});
|
|
|
};
|
|
|
/**
|
|
|
* 下拉菜单
|
|
|
* @command select
|
|
|
* @method execCommand
|
|
|
* @param { String } cmd 命令字符串
|
|
|
* @example
|
|
|
* ```javascript
|
|
|
* editor.execCommand( 'select');
|
|
|
* ```
|
|
|
*/
|
|
|
UE.plugins['select'] = function () {
|
|
|
var me = this,thePlugins = 'select';
|
|
|
me.commands[thePlugins] = {
|
|
|
execCommand:function () {
|
|
|
var dialog = new UE.ui.Dialog({
|
|
|
iframeUrl:this.options.UEDITOR_HOME_URL + UE.leipiFormDesignUrl+'/select.html',
|
|
|
name:thePlugins,
|
|
|
editor:this,
|
|
|
title: '下拉菜单',
|
|
|
cssRules:"width:590px;height:370px;",
|
|
|
buttons:[
|
|
|
{
|
|
|
className:'edui-okbutton',
|
|
|
label:'确定',
|
|
|
onclick:function () {
|
|
|
dialog.close(true);
|
|
|
}
|
|
|
},
|
|
|
{
|
|
|
className:'edui-cancelbutton',
|
|
|
label:'取消',
|
|
|
onclick:function () {
|
|
|
dialog.close(false);
|
|
|
}
|
|
|
}]
|
|
|
});
|
|
|
dialog.render();
|
|
|
dialog.open();
|
|
|
}
|
|
|
};
|
|
|
var popup = new baidu.editor.ui.Popup( {
|
|
|
editor:this,
|
|
|
content: '',
|
|
|
className: 'edui-bubble',
|
|
|
_edittext: function () {
|
|
|
baidu.editor.plugins[thePlugins].editdom = popup.anchorEl;
|
|
|
me.execCommand(thePlugins);
|
|
|
this.hide();
|
|
|
},
|
|
|
_delete:function(){
|
|
|
if( window.confirm('确认删除该控件吗？') ) {
|
|
|
baidu.editor.dom.domUtils.remove(this.anchorEl,false);
|
|
|
}
|
|
|
this.hide();
|
|
|
}
|
|
|
} );
|
|
|
popup.render();
|
|
|
me.addListener( 'mouseover', function( t, evt ) {
|
|
|
evt = evt || window.event;
|
|
|
var el = evt.target || evt.srcElement;
|
|
|
var leipiPlugins = el.getAttribute('leipiplugins');
|
|
|
if ( /select|span/ig.test( el.tagName ) && leipiPlugins==thePlugins) {
|
|
|
var html = popup.formatHtml(
|
|
|
'<nobr>下拉菜单: <span onclick=$$._edittext() class="edui-clickable">编辑</span> <span onclick=$$._delete() class="edui-clickable">删除</span></nobr>' );
|
|
|
if ( html ) {
|
|
|
if(el.tagName=='SPAN')
|
|
|
{
|
|
|
var elInput = el.getElementsByTagName("select");
|
|
|
el = elInput.length>0 ? elInput[0] : el;
|
|
|
}
|
|
|
popup.getDom( 'content' ).innerHTML = html;
|
|
|
popup.anchorEl = el;
|
|
|
popup.showAnchor( popup.anchorEl );
|
|
|
} else {
|
|
|
popup.hide();
|
|
|
}
|
|
|
}
|
|
|
});
|
|
|
|
|
|
};
|
|
|
/**
|
|
|
* 进度条
|
|
|
* @command progressbar
|
|
|
* @method execCommand
|
|
|
* @param { String } cmd 命令字符串
|
|
|
* @example
|
|
|
* ```javascript
|
|
|
* editor.execCommand( 'progressbar');
|
|
|
* ```
|
|
|
*/
|
|
|
UE.plugins['progressbar'] = function () {
|
|
|
var me = this,thePlugins = 'progressbar';
|
|
|
me.commands[thePlugins] = {
|
|
|
execCommand:function () {
|
|
|
var dialog = new UE.ui.Dialog({
|
|
|
iframeUrl:this.options.UEDITOR_HOME_URL + UE.leipiFormDesignUrl+'/progressbar.html',
|
|
|
name:thePlugins,
|
|
|
editor:this,
|
|
|
title: '进度条',
|
|
|
cssRules:"width:600px;height:450px;",
|
|
|
buttons:[
|
|
|
{
|
|
|
className:'edui-okbutton',
|
|
|
label:'确定',
|
|
|
onclick:function () {
|
|
|
dialog.close(true);
|
|
|
}
|
|
|
},
|
|
|
{
|
|
|
className:'edui-cancelbutton',
|
|
|
label:'取消',
|
|
|
onclick:function () {
|
|
|
dialog.close(false);
|
|
|
}
|
|
|
}]
|
|
|
});
|
|
|
dialog.render();
|
|
|
dialog.open();
|
|
|
}
|
|
|
};
|
|
|
var popup = new baidu.editor.ui.Popup( {
|
|
|
editor:this,
|
|
|
content: '',
|
|
|
className: 'edui-bubble',
|
|
|
_edittext: function () {
|
|
|
baidu.editor.plugins[thePlugins].editdom = popup.anchorEl;
|
|
|
me.execCommand(thePlugins);
|
|
|
this.hide();
|
|
|
},
|
|
|
_delete:function(){
|
|
|
if( window.confirm('确认删除该控件吗？') ) {
|
|
|
baidu.editor.dom.domUtils.remove(this.anchorEl,false);
|
|
|
}
|
|
|
this.hide();
|
|
|
}
|
|
|
} );
|
|
|
popup.render();
|
|
|
me.addListener( 'mouseover', function( t, evt ) {
|
|
|
evt = evt || window.event;
|
|
|
var el = evt.target || evt.srcElement;
|
|
|
var leipiPlugins = el.getAttribute('leipiplugins');
|
|
|
if ( /img/ig.test( el.tagName ) && leipiPlugins==thePlugins) {
|
|
|
var html = popup.formatHtml(
|
|
|
'<nobr>进度条: <span onclick=$$._edittext() class="edui-clickable">编辑</span> <span onclick=$$._delete() class="edui-clickable">删除</span></nobr>' );
|
|
|
if ( html ) {
|
|
|
popup.getDom( 'content' ).innerHTML = html;
|
|
|
popup.anchorEl = el;
|
|
|
popup.showAnchor( popup.anchorEl );
|
|
|
} else {
|
|
|
popup.hide();
|
|
|
}
|
|
|
}
|
|
|
});
|
|
|
};
|
|
|
/**
|
|
|
* 二维码
|
|
|
* @command qrcode
|
|
|
* @method execCommand
|
|
|
* @param { String } cmd 命令字符串
|
|
|
* @example
|
|
|
* ```javascript
|
|
|
* editor.execCommand( 'qrcode');
|
|
|
* ```
|
|
|
*/
|
|
|
UE.plugins['qrcode'] = function () {
|
|
|
var me = this,thePlugins = 'qrcode';
|
|
|
me.commands[thePlugins] = {
|
|
|
execCommand:function () {
|
|
|
var dialog = new UE.ui.Dialog({
|
|
|
iframeUrl:this.options.UEDITOR_HOME_URL + UE.leipiFormDesignUrl+'/qrcode.html',
|
|
|
name:thePlugins,
|
|
|
editor:this,
|
|
|
title: '二维码',
|
|
|
cssRules:"width:600px;height:370px;",
|
|
|
buttons:[
|
|
|
{
|
|
|
className:'edui-okbutton',
|
|
|
label:'确定',
|
|
|
onclick:function () {
|
|
|
dialog.close(true);
|
|
|
}
|
|
|
},
|
|
|
{
|
|
|
className:'edui-cancelbutton',
|
|
|
label:'取消',
|
|
|
onclick:function () {
|
|
|
dialog.close(false);
|
|
|
}
|
|
|
}]
|
|
|
});
|
|
|
dialog.render();
|
|
|
dialog.open();
|
|
|
}
|
|
|
};
|
|
|
var popup = new baidu.editor.ui.Popup( {
|
|
|
editor:this,
|
|
|
content: '',
|
|
|
className: 'edui-bubble',
|
|
|
_edittext: function () {
|
|
|
baidu.editor.plugins[thePlugins].editdom = popup.anchorEl;
|
|
|
me.execCommand(thePlugins);
|
|
|
this.hide();
|
|
|
},
|
|
|
_delete:function(){
|
|
|
if( window.confirm('确认删除该控件吗？') ) {
|
|
|
baidu.editor.dom.domUtils.remove(this.anchorEl,false);
|
|
|
}
|
|
|
this.hide();
|
|
|
}
|
|
|
} );
|
|
|
popup.render();
|
|
|
me.addListener( 'mouseover', function( t, evt ) {
|
|
|
evt = evt || window.event;
|
|
|
var el = evt.target || evt.srcElement;
|
|
|
var leipiPlugins = el.getAttribute('leipiplugins');
|
|
|
if ( /img/ig.test( el.tagName ) && leipiPlugins==thePlugins) {
|
|
|
var html = popup.formatHtml(
|
|
|
'<nobr>二维码: <span onclick=$$._edittext() class="edui-clickable">编辑</span> <span onclick=$$._delete() class="edui-clickable">删除</span></nobr>' );
|
|
|
if ( html ) {
|
|
|
popup.getDom( 'content' ).innerHTML = html;
|
|
|
popup.anchorEl = el;
|
|
|
popup.showAnchor( popup.anchorEl );
|
|
|
} else {
|
|
|
popup.hide();
|
|
|
}
|
|
|
}
|
|
|
});
|
|
|
};
|
|
|
/**
|
|
|
* 列表控件
|
|
|
* @command listctrl
|
|
|
* @method execCommand
|
|
|
* @param { String } cmd 命令字符串
|
|
|
* @example
|
|
|
* ```javascript
|
|
|
* editor.execCommand( 'qrcode');
|
|
|
* ```
|
|
|
*/
|
|
|
UE.plugins['listctrl'] = function () {
|
|
|
var me = this,thePlugins = 'listctrl';
|
|
|
me.commands[thePlugins] = {
|
|
|
execCommand:function () {
|
|
|
var dialog = new UE.ui.Dialog({
|
|
|
iframeUrl:this.options.UEDITOR_HOME_URL + UE.leipiFormDesignUrl+'/listctrl.html',
|
|
|
name:thePlugins,
|
|
|
editor:this,
|
|
|
title: '列表控件',
|
|
|
cssRules:"width:800px;height:400px;",
|
|
|
buttons:[
|
|
|
{
|
|
|
className:'edui-okbutton',
|
|
|
label:'确定',
|
|
|
onclick:function () {
|
|
|
dialog.close(true);
|
|
|
}
|
|
|
},
|
|
|
{
|
|
|
className:'edui-cancelbutton',
|
|
|
label:'取消',
|
|
|
onclick:function () {
|
|
|
dialog.close(false);
|
|
|
}
|
|
|
}]
|
|
|
});
|
|
|
dialog.render();
|
|
|
dialog.open();
|
|
|
}
|
|
|
};
|
|
|
var popup = new baidu.editor.ui.Popup( {
|
|
|
editor:this,
|
|
|
content: '',
|
|
|
className: 'edui-bubble',
|
|
|
_edittext: function () {
|
|
|
baidu.editor.plugins[thePlugins].editdom = popup.anchorEl;
|
|
|
me.execCommand(thePlugins);
|
|
|
this.hide();
|
|
|
},
|
|
|
_delete:function(){
|
|
|
if( window.confirm('确认删除该控件吗？') ) {
|
|
|
baidu.editor.dom.domUtils.remove(this.anchorEl,false);
|
|
|
}
|
|
|
this.hide();
|
|
|
}
|
|
|
} );
|
|
|
popup.render();
|
|
|
me.addListener( 'mouseover', function( t, evt ) {
|
|
|
evt = evt || window.event;
|
|
|
var el = evt.target || evt.srcElement;
|
|
|
var leipiPlugins = el.getAttribute('leipiplugins');
|
|
|
if ( /input/ig.test( el.tagName ) && leipiPlugins==thePlugins) {
|
|
|
var html = popup.formatHtml(
|
|
|
'<nobr>列表控件: <span onclick=$$._edittext() class="edui-clickable">编辑</span> <span onclick=$$._delete() class="edui-clickable">删除</span></nobr>' );
|
|
|
if ( html ) {
|
|
|
popup.getDom( 'content' ).innerHTML = html;
|
|
|
popup.anchorEl = el;
|
|
|
popup.showAnchor( popup.anchorEl );
|
|
|
} else {
|
|
|
popup.hide();
|
|
|
}
|
|
|
}
|
|
|
});
|
|
|
};
|
|
|
|
|
|
UE.plugins['more'] = function () {
|
|
|
var me = this,thePlugins = 'more';
|
|
|
me.commands[thePlugins] = {
|
|
|
execCommand:function () {
|
|
|
var dialog = new UE.ui.Dialog({
|
|
|
iframeUrl:this.options.UEDITOR_HOME_URL + UE.leipiFormDesignUrl+'/more.html',
|
|
|
name:thePlugins,
|
|
|
editor:this,
|
|
|
title: '玩转表单设计器，一起参与，帮助完善',
|
|
|
cssRules:"width:600px;height:200px;",
|
|
|
buttons:[
|
|
|
{
|
|
|
className:'edui-okbutton',
|
|
|
label:'确定',
|
|
|
onclick:function () {
|
|
|
dialog.close(true);
|
|
|
}
|
|
|
}]
|
|
|
});
|
|
|
dialog.render();
|
|
|
dialog.open();
|
|
|
}
|
|
|
};
|
|
|
};
|
|
|
UE.plugins['error'] = function () {
|
|
|
var me = this,thePlugins = 'error';
|
|
|
me.commands[thePlugins] = {
|
|
|
execCommand:function () {
|
|
|
var dialog = new UE.ui.Dialog({
|
|
|
iframeUrl:this.options.UEDITOR_HOME_URL + UE.leipiFormDesignUrl+'/error.html',
|
|
|
name:thePlugins,
|
|
|
editor:this,
|
|
|
title: '异常提示',
|
|
|
cssRules:"width:400px;height:130px;",
|
|
|
buttons:[
|
|
|
{
|
|
|
className:'edui-okbutton',
|
|
|
label:'确定',
|
|
|
onclick:function () {
|
|
|
dialog.close(true);
|
|
|
}
|
|
|
}]
|
|
|
});
|
|
|
dialog.render();
|
|
|
dialog.open();
|
|
|
}
|
|
|
};
|
|
|
};
|
|
|
UE.plugins['leipi'] = function () {
|
|
|
var me = this,thePlugins = 'leipi';
|
|
|
me.commands[thePlugins] = {
|
|
|
execCommand:function () {
|
|
|
var dialog = new UE.ui.Dialog({
|
|
|
iframeUrl:this.options.UEDITOR_HOME_URL + UE.leipiFormDesignUrl+'/leipi.html',
|
|
|
name:thePlugins,
|
|
|
editor:this,
|
|
|
title: '表单设计器 - 清单',
|
|
|
cssRules:"width:620px;height:220px;",
|
|
|
buttons:[
|
|
|
{
|
|
|
className:'edui-okbutton',
|
|
|
label:'确定',
|
|
|
onclick:function () {
|
|
|
dialog.close(true);
|
|
|
}
|
|
|
}]
|
|
|
});
|
|
|
dialog.render();
|
|
|
dialog.open();
|
|
|
}
|
|
|
};
|
|
|
};
|
|
|
UE.plugins['leipi_template'] = function () {
|
|
|
var me = this,thePlugins = 'leipi_template';
|
|
|
me.commands[thePlugins] = {
|
|
|
execCommand:function () {
|
|
|
var dialog = new UE.ui.Dialog({
|
|
|
iframeUrl:this.options.UEDITOR_HOME_URL + UE.leipiFormDesignUrl+'/template.html',
|
|
|
name:thePlugins,
|
|
|
editor:this,
|
|
|
title: '表单模板',
|
|
|
cssRules:"width:640px;height:380px;",
|
|
|
buttons:[
|
|
|
{
|
|
|
className:'edui-okbutton',
|
|
|
label:'确定',
|
|
|
onclick:function () {
|
|
|
dialog.close(true);
|
|
|
}
|
|
|
}]
|
|
|
});
|
|
|
dialog.render();
|
|
|
dialog.open();
|
|
|
}
|
|
|
};
|
|
|
};
|
|
|
|
|
|
UE.registerUI('button_leipi',function(editor,uiName){
|
|
|
if(!this.options.toolleipi)
|
|
|
{
|
|
|
return false;
|
|
|
}
|
|
|
//注册按钮执行时的command命令，使用命令默认就会带有回退操作
|
|
|
editor.registerCommand(uiName,{
|
|
|
execCommand:function(){
|
|
|
editor.execCommand('leipi');
|
|
|
}
|
|
|
});
|
|
|
//创建一个button
|
|
|
var btn = new UE.ui.Button({
|
|
|
//按钮的名字
|
|
|
name:uiName,
|
|
|
//提示
|
|
|
title:"表单设计器",
|
|
|
//需要添加的额外样式，指定icon图标，这里默认使用一个重复的icon
|
|
|
cssRules :'background-position: -401px -40px;',
|
|
|
//点击时执行的命令
|
|
|
onclick:function () {
|
|
|
//这里可以不用执行命令,做你自己的操作也可
|
|
|
editor.execCommand(uiName);
|
|
|
}
|
|
|
});
|
|
|
/*
|
|
|
//当点到编辑内容上时，按钮要做的状态反射
|
|
|
editor.addListener('selectionchange', function () {
|
|
|
var state = editor.queryCommandState(uiName);
|
|
|
if (state == -1) {
|
|
|
btn.setDisabled(true);
|
|
|
btn.setChecked(false);
|
|
|
} else {
|
|
|
btn.setDisabled(false);
|
|
|
btn.setChecked(state);
|
|
|
}
|
|
|
});
|
|
|
*/
|
|
|
//因为你是添加button,所以需要返回这个button
|
|
|
return btn;
|
|
|
});
|
|
|
UE.registerUI('button_template',function(editor,uiName){
|
|
|
if(!this.options.toolleipi)
|
|
|
{
|
|
|
return false;
|
|
|
}
|
|
|
//注册按钮执行时的command命令，使用命令默认就会带有回退操作
|
|
|
editor.registerCommand(uiName,{
|
|
|
execCommand:function(){
|
|
|
try {
|
|
|
leipiFormDesign.exec('leipi_template');
|
|
|
//leipiFormDesign.fnCheckForm('save');
|
|
|
} catch ( e ) {
|
|
|
alert('打开模板异常');
|
|
|
}
|
|
|
|
|
|
}
|
|
|
});
|
|
|
//创建一个button
|
|
|
var btn = new UE.ui.Button({
|
|
|
//按钮的名字
|
|
|
name:uiName,
|
|
|
//提示
|
|
|
title:"表单模板",
|
|
|
//需要添加的额外样式，指定icon图标，这里默认使用一个重复的icon
|
|
|
cssRules :'background-position: -339px -40px;',
|
|
|
//点击时执行的命令
|
|
|
onclick:function () {
|
|
|
//这里可以不用执行命令,做你自己的操作也可
|
|
|
editor.execCommand(uiName);
|
|
|
}
|
|
|
});
|
|
|
|
|
|
//因为你是添加button,所以需要返回这个button
|
|
|
return btn;
|
|
|
});
|
|
|
UE.registerUI('button_preview',function(editor,uiName){
|
|
|
if(!this.options.toolleipi)
|
|
|
{
|
|
|
return false;
|
|
|
}
|
|
|
//注册按钮执行时的command命令，使用命令默认就会带有回退操作
|
|
|
editor.registerCommand(uiName,{
|
|
|
execCommand:function(){
|
|
|
try {
|
|
|
leipiFormDesign.fnReview();
|
|
|
} catch ( e ) {
|
|
|
alert('leipiFormDesign.fnReview 预览异常');
|
|
|
}
|
|
|
}
|
|
|
});
|
|
|
//创建一个button
|
|
|
var btn = new UE.ui.Button({
|
|
|
//按钮的名字
|
|
|
name:uiName,
|
|
|
//提示
|
|
|
title:"预览",
|
|
|
//需要添加的额外样式，指定icon图标，这里默认使用一个重复的icon
|
|
|
cssRules :'background-position: -420px -19px;',
|
|
|
//点击时执行的命令
|
|
|
onclick:function () {
|
|
|
//这里可以不用执行命令,做你自己的操作也可
|
|
|
editor.execCommand(uiName);
|
|
|
}
|
|
|
});
|
|
|
|
|
|
//因为你是添加button,所以需要返回这个button
|
|
|
return btn;
|
|
|
});
|
|
|
|
|
|
UE.registerUI('button_save',function(editor,uiName){
|
|
|
if(!this.options.toolleipi)
|
|
|
{
|
|
|
return false;
|
|
|
}
|
|
|
//注册按钮执行时的command命令，使用命令默认就会带有回退操作
|
|
|
editor.registerCommand(uiName,{
|
|
|
execCommand:function(){
|
|
|
try {
|
|
|
leipiFormDesign.fnCheckForm('save');
|
|
|
} catch ( e ) {
|
|
|
alert('leipiFormDesign.fnCheckForm("save") 保存异常');
|
|
|
}
|
|
|
|
|
|
}
|
|
|
});
|
|
|
//创建一个button
|
|
|
var btn = new UE.ui.Button({
|
|
|
//按钮的名字
|
|
|
name:uiName,
|
|
|
//提示
|
|
|
title:"保存表单",
|
|
|
//需要添加的额外样式，指定icon图标，这里默认使用一个重复的icon
|
|
|
cssRules :'background-position: -481px -20px;',
|
|
|
//点击时执行的命令
|
|
|
onclick:function () {
|
|
|
//这里可以不用执行命令,做你自己的操作也可
|
|
|
editor.execCommand(uiName);
|
|
|
}
|
|
|
});
|
|
|
|
|
|
//因为你是添加button,所以需要返回这个button
|
|
|
return btn;
|
|
|
});
|