fckeditor(2.6) 二次开发，添加新的选项卡到图片属性对话框

1.添加选项卡
打开fckeditor/editor/dialogfck_image.html
通过折叠代码我们可以看到，图片属性对话框中的每个tabs就是一个div标签。

< div  id ="divInfo" >
………………
</ div >
< div  id ="divUpload"  style ="display: none" >
………………    
</ div >
< div  id ="divLink"  style ="display: none" >
………………
</ div >
< div  id ="divAdvanced"  style ="display: none" >
………………
</ div >

我们添加新的tabs。

< div  id ="divPB"  class ="addmode"  style ="display: none" >

</ div >

 2.添加显示逻辑
打开fckeditor/editor/fck_image/fck_image.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 ) ;

// 处理新加入的tabs
if  ( FCKConfig.ImageUpload )
        window.parent.AddTab(  ' Upload ' , FCKLang.DlgLnkUpload ) ;
    window.parent.AddTab(  ' PB ' ,  " 我的图库 "  );

在function OnDialogTabChange( tabCode )中添加ShowE('divPB'     , ( tabCode == 'PB' ) ) ;

重新打开页面，打开图片属性网页对话框的时候，就可以看到新