900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > html编辑器不支持自定义样式 百度编辑器自定义按钮样式问题(写在cssRules不起做用)?...

html编辑器不支持自定义样式 百度编辑器自定义按钮样式问题(写在cssRules不起做用)?...

时间:2019-09-10 04:53:09

相关推荐

html编辑器不支持自定义样式 百度编辑器自定义按钮样式问题(写在cssRules不起做用)?...

UE.registerUI('dialog',function(editor,uiName){

//创建dialog

var dialog = new UE.ui.Dialog({

//指定弹出层中页面的路径,这里只能支持页面,因为跟addCustomizeDialog.js相同目录,所以无需加路径

iframeUrl:'/地址',

//需要指定当前的编辑器实例

editor:UEditor,

//指定dialog的名字

name:uiName,

//dialog的标题

title:"搜索一个Poi",

//指定dialog的外围样式

cssRules:"width:600px;height:300px;",

//如果给出了buttons就代表dialog有确定和取消

buttons:[

{

className:'edui-okbutton',

label:'插入',

onclick:function () {

dialog.close(true);

}

},

{

className:'edui-cancelbutton',

label:'取消',

onclick:function () {

dialog.close(false);

}

}

]});

//参考addCustomizeButton.js

var btn = new UE.ui.Button({

name:'dialogbutton' + uiName,

title:'插入POI',

//需要添加的额外样式,指定icon图标,这里默认使用一个重复的icon

cssRules :'background-image:url(图片地址)',

onclick:function () {

//渲染dialog

dialog.render();

dialog.open();

}

});

return btn;

});

在百度编辑器中编辑自定义按钮,想用自己的图片作为按钮图片。指定图片不能达到效果。

回复内容:

UE.registerUI('dialog',function(editor,uiName){

//创建dialog

var dialog = new UE.ui.Dialog({

//指定弹出层中页面的路径,这里只能支持页面,因为跟addCustomizeDialog.js相同目录,所以无需加路径

iframeUrl:'/地址',

//需要指定当前的编辑器实例

editor:UEditor,

//指定dialog的名字

name:uiName,

//dialog的标题

title:"搜索一个Poi",

//指定dialog的外围样式

cssRules:"width:600px;height:300px;",

//如果给出了buttons就代表dialog有确定和取消

buttons:[

{

className:'edui-okbutton',

label:'插入',

onclick:function () {

dialog.close(true);

}

},

{

className:'edui-cancelbutton',

label:'取消',

onclick:function () {

dialog.close(false);

}

}

]});

//参考addCustomizeButton.js

var btn = new UE.ui.Button({

name:'dialogbutton' + uiName,

title:'插入POI',

//需要添加的额外样式,指定icon图标,这里默认使用一个重复的icon

cssRules :'background-image:url(图片地址)',

onclick:function () {

//渲染dialog

dialog.render();

dialog.open();

}

});

return btn;

});

在百度编辑器中编辑自定义按钮,想用自己的图片作为按钮图片。指定图片不能达到效果。

一般写在defaul.css中自定义

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。