FckEditor自定义按钮
目录
FckEditor自定义按钮 1
目录 2
修订历史纪录 3
1 FckEditor简介 4
2 使用FckEditor 4
3 添加自定义按钮 4
1 FckEditor简介
一款比较好的网页文本编辑器
2 使用FckEditor
1.将FCKeditor编辑器的文件夹复制到网站根目录下
2. 请设置文件夹的user用户的访问权限
3. 在web.config中添加
<appSettings>
<add key="FCKeditor:BasePath" value="~/FckEditorv2/"/>
</appSettings>
4.添加对FredCK.FCKeditorV2.dll的引用
5. 在要使用此编辑器的页面的最上方添加
<%@Register Assembly="FredCK.FCKeditorV2" Namespace="FredCK.FCKeditorV2" TagPrefix="FCKeditorV2" %>
6. 在需要使用编辑器的地方添加
<fckeditorv2:fckeditor id="txtContent" runat="server" Height="100%">
</fckeditorv2:fckeditor>
3 添加自定义按钮
以添加上传附件按钮为例：
1.在fckconfig.js中添的FCKConfig.ToolbarSets["Default"]添加'InsertFile'，这是在Default模式下的工具栏显示的按钮。如需要可添加到其他模式下。
2.在editor/lang/zh-cn.js文件最后添加InsertFile : "附件"
3.在editor/js/fckeditorcode_ie.js文件中查找InsertHorizontalRule，在|后添加InsertFile
4.还在此文件中查找default:if (FCKRegexLib，在其前边添加case 'InsertFile':B=new FCKDialogCommand
('InsertFile',FCKLang.InsertFile,'dialog/InsertFile/InsertFile.aspx',510,450);break;
第3个参数为打开窗口的相对路径
5.还在此文件中查找default:alert(FCKLang.UnknownToolbarItem 在其前面添加
case 'InsertFile':B = new FCKToolbarButton('InsertFile',FCKLang.InsertFile,FCKLang.InsertFile,FCK_TOOLBARITEM_ICONTEXT,false,true,4);break;
FCK_TOOLBARITEM_ICONTEXT参数使此按钮为文字和图片同时显示，最后一个参数为使用第几个图片图片，图片的路径为editor\skins\default\fck_strip.gif
这样工具栏上就多了一个添加附件的按钮