ホームページ > バックエンド開発 > PHPチュートリアル > 百度编辑器自定义按钮样式问题(写在cssRules不起做用)?

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

WBOY
リリース: 2016-06-06 20:26:43
オリジナル
2051 人が閲覧しました

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

関連ラベル:
php
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート