asp.net中使用fckeditor2.4.3

来源:互联网 发布:淘宝店铺互刷群 编辑:程序博客网 时间:2024/06/04 23:28
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使用到了styleSheetThemetheme话那就要再多修改一下。
/FCKeditor/filemanager/upload/aspx/upload.aspx/FCKeditor/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,新版中部分目录可能有变化.

原创粉丝点击