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

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

WBOY
Release: 2016-06-06 20:26:43
Original
2039 people have browsed it

<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>
Copy after login
Copy after login

回复内容:

<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>
Copy after login
Copy after login

一般写在defaul.css中自定义

Related labels:
php
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template