百度编辑器自定义按钮样式问题(写在cssRules不起做用)?
程序员文章站
2022-03-30 07:57:05
...
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中自定义