首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

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

2012-11-22 
FCkeditor添加新的选项卡到图片属性对话框1.添加选项卡打开fckeditor/editor/dialogfck_image.html通过折

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

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

热点排行