FCkeditor 添加新的选项卡到图片属性对话框

tznktg

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' ) ) ;

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