>백엔드 개발 >PHP 튜토리얼 >百度编辑器自定义按钮样式问题(写在cssRules不起做用)?

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

WBOY
WBOY원래의
2016-06-06 20:26:432056검색

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

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.