FCkeditor添加新的选项卡到图片属性对话框
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" 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' ) ) ;
重新打开页面,打开图片属性网页对话框的时候,就可以看到新。
?