1. 程式人生 > >ueditor 自定義— 按鈕、圖示、事件、視窗頁面

ueditor 自定義— 按鈕、圖示、事件、視窗頁面

UE.commands['showmsg'] = {
    execCommand : function(){

        }
    },
    queryCommandState:function(){
         var images = this.document.getElementsByTagName("img" );
         for(var i=0;i<$(images).length;i++){
             if($(images[i]).css("width")!="100px"){
                 return 0;     //如果找到寬度不為100的圖片,則返回0,代表當前按鈕可以點選
             }
         }
         return -1;           //否則返回-1,告訴編輯器將當前按鈕置灰
    }
};

execComman 按鈕點選時候要處理的資訊,我寫的是將所有的圖片的border設為2,寬度和高都設定為100

queryCommandState 方法是指當編輯器獲取焦點時要處理的事,這裡就是遍歷所有已上傳的圖片檔案,如果編輯器中存在寬度不為100px的圖片,則讓當前按鈕可點選,否則return -1;表示將按鈕置灰不可點選