您当前的位置: 首页 » PHP/Perl编程 » FCkeditor 添加新的选项卡到图片属性对话框
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" 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' ) ) ;
重新打开页面，打开图片属性网页对话框的时候，就可以看到新
打开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' ) ) ;
重新打开页面，打开图片属性网页对话框的时候，就可以看到新