百度編輯器自訂按鈕樣式問題(寫在cssRules不起做用)?

來源:互聯網
上載者:User
        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中自訂

  • 相關文章

    聯繫我們

    該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

    如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

    A Free Trial That Lets You Build Big!

    Start building with 50+ products and up to 12 months usage for Elastic Compute Service

    • Sales Support

      1 on 1 presale consultation

    • After-Sales Support

      24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.