当前位置:Gxlcms > PHP教程 > 百度编辑器自定义按钮样式问题(写在cssRules不起做用)?

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

时间:2021-07-01 10:21:17 帮助过:77人阅读

        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中自定义

人气教程排行