在百度编辑器中创建自定义按钮，并尝试使用自己的图片作为按钮图标。通过UE.registerUI函数注册对话框，定义了dialog的样式和行为，并在Button中设置了cssRules以加载自定义图片，但未能成功显示。问题可能在于图片路径或CSS规则的配置。解决方案通常涉及检查图片路径的正确性，确保图片资源已正确加载，并在CSS中正确引用。
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中自定义
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
