Heim >Backend-Entwicklung >PHP-Tutorial >百度编辑器自定义按钮样式问题(写在cssRules不起做用)?

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

WBOY
WBOYOriginal
2016-06-06 20:26:432053Durchsuche

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

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn