asp.net中使用fckeditor2.4.3

1、sourceforge.net下载FCKeditor2.4.3和FCKeditor_net2.2控件

2、解压缩FCKeditor2.4.3到目录FCKeditor然后整体拷贝FCKeditor目录到asp.net的web目录下。
解压缩FCKeditor_net2.2,拷贝其中的bin/release下的dll到asp.net的web项目下面的bin目录(编译一下web项目就会生成该目录)。

3、(可选择)把FCKeditor_net控件加入toolbar的工具列表内。 展开工具箱的常用标签组( General ),右键选择组件( Choose Items… ),在对话框上直接找到浏览按钮,定位 FredCK.FCKeditorV2.dll ,然后确认就可以了。

4、 增加控件到你的aspx页面。如果通过toolbar的拖拽操作ide会自动为你添加<%@ Register Assembly="FredCK.FCKeditorV2" Namespace="FredCK.FCKeditorV2" TagPrefix="FCKeditorV2" %>代码。
如果你喜欢纯手工制作,那么你必须把上述代码加到aspx页面的< @page>描述下面,同时在需要出现编辑器的地方加入 <FCKeditorV2:FCKeditor ID="document_file" runat="server"></FCKeditorV2:FCKeditor>代码。
至此页面对编辑器的支持设置完毕。

5、如果要使编辑器能够工作,必须进行必要的设置。
首 先:需要修改FCKeditor/fckconfig.js配置文件,因为缺省的实现是asp的支持,.net需要把asp改成aspx的支持。主要修改 下面2个设置var _FileBrowserLanguage    = 'aspx' ;    // asp | aspx | cfm | lasso | perl | php | py
var _QuickUploadLanguage    = 'aspx' ;    // asp | aspx | cfm | lasso | php

其次:需要指定FCKeditor运行时需要的目录信息。可以全局设置在web.config中的<appSetting>配置    <!--FCKEditor Configure-->
//假设你的web工程名是web
    <add key="FCKeditor:BasePath" value="/web/FCKeditor/" />
    <add key="FCKeditor:UserFilesPath" value="/web/FCKeditor/userfile/" />。
可 以针对各个控件进行配置        <FCKeditorV2:FCKeditor ID="FCKeditor1" runat="server" AutoDetectLanguage="false" DefaultLanguage="zh-cn" BasePath="~/FCKeditor">
        </FCKeditorV2:FCKeditor>
//你可以在page.init设置userfilepath的值,详见http://wiki.fckeditor.net/Developer%27s_Guide/Integration/ASP.Net
注:
BasePath用来指定FCKeditor的js存放位置等信息。
       
UserFilesPath用来设置文档中图片的存放位置。

6、调试中遇到的
HTTP Error 404 - Not Found错误
这个错误主要是因为 BasePath参数指定错误。发生在2005调试模式和运行模式下。

7、调试中遇到的
XML request error: Internal Server Error(500)错误
这个错误主要是 因为 ASP.NET2.0 新增了 Theme 功能,所以如果在你的工程中你对 Web.config 使用到了 styleSheetTheme theme 话那就要再多修改一下。
/FCKeditor/filemanager/upload/aspx/upload.aspx / FCK editor/filemanager/browser/default/connectors/aspx/connector.aspx 两个 aspx 文件,在 page 标签中添加 Theme="" StyleSheetTheme="" 看你在工程使用的是什么就修改什么。修改后如下:

<%@ Page language="c#" Inherits="FredCK.FCKeditorV2.Uploader" AutoEventWireup="false" Theme="" %>

<%@ Page language="c#" Inherits="FredCK.FCKeditorV2.Uploader" AutoEventWireup="false" StylesheetTheme="" %>

8、精简FCKeditor工程内容
因为只用到ASP.NET,所以有必要精简一下文件。
进入FCKeditor文件夹,把所有“_”开头的文件和文件夹删掉,这些都是一些范例,只保留editor文件夹、fckconfig.js、fckeditor.js、fckstyles.xml、fcktemplates.xml就可以了;
进入editor文件夹,删掉“_source”文件夹,里面放的同样是源文件;
退回上一级目录进入filemanager文件夹,有browser和upload两个文件夹。进入browser/default/connectors,只保留aspx文件夹,其余的删掉;mcpuk目录亦可删除;upload也一样,只保留aspx文件夹;
退到editor再进入images文件夹,smiley里面放的是表情图标,有msn和fun两个系列,如果你想用自己的表情图标,可以把它们都删除;如果你想用这里的表情图标那就不要删了;
lang里面放的是语言包,如果只是用简体中文,那么只保留fcklanguagemanager.js、zh-cn.js两个文件就行了,建议也保留 en.js(英文)、zh.js(繁体中文)两个文件,fcklanguagemanager.js是语言配置文件,有了它才能和 fckconfig.js里的设置成对,对应上相应的语言文件,一定要保留!
再退出lang文件夹,进入skins文件夹,如果你想使用FCKeditor默认的奶黄色,那就把除了default文件夹外的另两个文件夹直接删除,如果想用别的,那就看你自己的喜好了,不要上传文件的话把filemanager也删除算了

 

9,IE9需要用到兼容性按钮可正常浏览.

 

10,如提示危险需要在@Page指令中加入 ValidateRequest="false"即可.

 

11,新版中部分目录可能有变化.

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值