Home >Backend Development >PHP Tutorial >百度编辑器自定义按钮样式问题(写在cssRules不起做用)?
<code> 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; }); 在百度编辑器中编辑自定义按钮,想用自己的图片作为按钮图片。指定图片不能达到效果。</code>
<code> 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; }); 在百度编辑器中编辑自定义按钮,想用自己的图片作为按钮图片。指定图片不能达到效果。</code>
一般写在defaul.css中自定义