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 ) ;//处理新加入的tabsif ( FCKConfig.ImageUpload ) window.parent.AddTab( 'Upload', FCKLang.DlgLnkUpload ) ; window.parent.AddTab( 'PB', "我的图库" );在function OnDialogTabChange( tabCode )中添加ShowE('divPB' , ( tabCode == 'PB' ) ) ;
重新打开页面，打开图片属性网页对话框的时候，就可以看到新
