Baidu editor Custom button styles (I can't afford to write it in cssRules )?

{Code ...}

UE. registerUI ('Dialog ', function (editor, uiName) {// create dialog var dialog = new UE. ui. dialog ({// specify the page path in the pop-up layer. Only pages are supported here, because. js has the same directory, so you do not need to add the path iframeUrl: '/address', // you need to specify the current editor instance editor: UEditor, // specify the dialog name: uiName, // dialog title: "Search for a Poi", // specify the dialog peripheral style cssRules: "width: 600px; height: 300px ;", // If buttons is provided, it indicates that the dialog has been determined and the buttons: [{className: 'edui-okbutton ', label: 'insert', onclick: fun Ction () {dialog. close (true) ;},{ className: 'edui-cancelbutton ', label: 'cancel', onclick: function () {dialog. close (false) ;}}]}); // refer to addCustomizeButton. js var btn = new UE. ui. button ({name: 'dialogbutton' + uiName, title: 'insert poi', // The extra style to be added. Specify the icon. A duplicate icon cssRules is used by default: 'background-image: url (image address) ', onclick: function () {// render dialog. render (); dialog. open () ;}}); return btn ;}); edited in Baidu Edit the Custom button in the editor and use your own image as the button image. The specified image cannot achieve the effect.

Reply content:

UE. registerUI ('Dialog ', function (editor, uiName) {// create dialog var dialog = new UE. ui. dialog ({// specify the page path in the pop-up layer. Only pages are supported here, because. js has the same directory, so you do not need to add the path iframeUrl: '/address', // you need to specify the current editor instance editor: UEditor, // specify the dialog name: uiName, // dialog title: "Search for a Poi", // specify the dialog peripheral style cssRules: "width: 600px; height: 300px ;", // If buttons is provided, it indicates that the dialog has been determined and the buttons: [{className: 'edui-okbutton ', label: 'insert', onclick: fun Ction () {dialog. close (true) ;},{ className: 'edui-cancelbutton ', label: 'cancel', onclick: function () {dialog. close (false) ;}}]}); // refer to addCustomizeButton. js var btn = new UE. ui. button ({name: 'dialogbutton' + uiName, title: 'insert poi', // The extra style to be added. Specify the icon. A duplicate icon cssRules is used by default: 'background-image: url (image address) ', onclick: function () {// render dialog. render (); dialog. open () ;}}); return btn ;}); edited in Baidu Edit the Custom button in the editor and use your own image as the button image. The specified image cannot achieve the effect.

It is generally customized in defaul.css.