1. 程式人生 > >關於如何去除fckeditor中圖片上傳對話方塊中的連結和高階兩個選項(轉帖)

關於如何去除fckeditor中圖片上傳對話方塊中的連結和高階兩個選項(轉帖)

 今天老闆要求修改一個網站後臺的編輯器,原因是原來的編輯老出問題,不好用。於是我就找了個現在很流行的fckedior來作為後臺的編輯器。

   在做的過程中我碰到一個配置問題,上google上google搞了很久才成功。這個配置就是把圖片上傳對話方塊中的瀏覽器伺服器中的檔案功能和高階選項給去掉。這個修改是不能再fckeditor中的配置檔案中得以實現的,要先找到editor/dialog/fck_image.html,去掉這個頁面中對應的div,這樣在選擇連結和高階選項時,下面的內容就不出現了,到這裡為止,改造還沒完全成功,這是因為對話方塊中的標籤還沒有去掉。我們還需要去修改ediotr/fck_image/fck_image.js,找到//#### Dialog Tabs,從這裡開始按下面的程式碼去註釋掉不用的js語句就可以實現我們的功能了。

//#### Dialog Tabs

// Set the dialog tabs.
dialog.AddTab( 'Info', FCKLang.DlgImgInfoTab ) ;

//if ( !bImageButton && !FCKConfig.ImageDlgHideLink )
// dialog.AddTab( 'Link', FCKLang.DlgImgLinkTab ) ;

if ( FCKConfig.ImageUpload )
 dialog.AddTab( 'Upload', FCKLang.DlgLnkUpload ) ;

//if ( !FCKConfig.ImageDlgHideAdvanced )
// dialog.AddTab( 'Advanced', FCKLang.DlgAdvancedTag ) ;

// Function called when a dialog tag is selected.
function OnDialogTabChange( tabCode )
{
 ShowE('divInfo'  , ( tabCode == 'Info' ) ) ;
 //ShowE('divLink'  , ( tabCode == 'Link' ) ) ;
 ShowE('divUpload' , ( tabCode == 'Upload' ) ) ;
 //ShowE('divAdvanced' , ( tabCode == 'Advanced' ) ) ;
}

    到現在為止,圖片上傳對話方塊就按要求改造完畢。