FCKeditor_2.4.3的精简和使用

 FCKeditor的精简和使用其实网络已有很多的资料，但是介绍的不全或是不够详细。可能是我愚顿吧，反正我第一次使用FCKeditor的时候，就有这个感觉，所以这次我力求初次使用FCKeditor的朋友通过我这篇文章的介绍能够顺利是操作。
首先精简：
1.在fckeditor文件夹中删除_samples文件夹和.txt文件及.pl文件。
1.1.其实只要保留保留editor文件夹、fckconfig.js、fckeditor.asp、fckeditor.js、fckstyles.xml、fcktemplates.xml等文件就可以了（这是我在网看到的，自己使用时还是按（1））。
2.进入editor文件夹后删除_source文件夹，这里是一些源文件。
3.你可以打开image文件夹，删除smiley文件，这里面存放的是表情图，如果你想使用自己的，可以替换。
4.打开lang文件，只保留zh-cn.js、en.js、zh.js这三个js就OK。
5.打开filemanager文件，browser/default/connectors 下面保留aspx文件。
6.打开filemanager文件，进入upload也只保留aspx文件。
至于skins文件夹里面是编辑器的外观，如有兴趣自己可以修改。
到此，精简已经完成了，下面介绍对原文件的一些修改：
将fckconfig.js文件里的
FCKConfig.DefaultLanguage  = 'en' ;
改为：
FCKConfig.DefaultLanguage = ‘zh-cn’;
var _FileBrowserLanguage = 'asp' ; // asp | aspx | cfm | lasso | perl | php | py
var _QuickUploadLanguage = 'asp' ; // asp | aspx | cfm | lasso | php
修改为：
var _FileBrowserLanguage = 'aspx' ; // asp | aspx | cfm | lasso | perl | php | py
var _QuickUploadLanguage = 'aspx' ; // asp | aspx | cfm | lasso | php
FCKConfig.TabSpaces = 0 ; 改为FCKConfig.TabSpaces = 1 ; 即在编辑器域内可以使用Tab键。
接下来就是对上传图片路径的设置，
设置路径的前提是要确定，fckeditor文件在程序中的位置，一般情况是放在根目位置。

1、配置WebConfig，在<appSettings>节点添加，如下所示：

<appSettings>

    <add key="FCKeditor:BasePath" value="/项目名称/fckeditor/"/>

    <add key="FCKeditor:UserFilesPath" value="/项目名称/Files/" />

</appSettings>

BasePath是fckeditor所在路径
UserFilesPath是所有上传的文件的所在目录
至此对FCKeditor的操作已经全部完成了，还有就是在项目中对它的引用。
首先将FredCK.FCKeditorV2.dll添加到项目bin文件中，

 

一．文件夹说明

FCKeditor.Net_2.2          提供.NET组件

下载地址：http://nchc.dl.sourceforge.net/sourceforge/fckeditor/FCKeditor.Net_2.2.zip

FCKeditor_2.4.3 核心实现部分（包括一些重要的JS文件）

下载地址：http://downloads.sourceforge.net/fckeditor/FCKeditor_2.4.3.zip

 

二．VS2005中的部署

1 将该组件加入到工具栏中，将FCKeditor.Net_2.2文件夹BIN的FredCK.FCKeditorV2.dll文件拷贝到网站的BIN下

 

2 将文件夹FCKeditor_2.4.3下的fckeditor拷贝到网站工程主目录下

 

3 对fckeditor/fckconfig.js进行设置：

先改FCK默认语言en为zh-cn，FCKConfig.DefaultLanguage  = 'en' ;替换为FCKConfig.DefaultLanguage  = 'zh-cn' ;

再改FCK默认上传使用的组件语言为aspx，

var _FileBrowserLanguage = 'asp' ;

var _QuickUploadLanguage = 'asp' ;

替换为

var _FileBrowserLanguage = 'aspx' ;

var _QuickUploadLanguage = 'aspx' ;

 

4 打开webconifg。xml, 在<appSettings>中设置两个键

（1）<add key="FCKeditor:BasePath" value=" fckeditor目录路径" />

注意点：在调试程序时，“fckeditor目录”设置为“/工程名/ fckeditor/”；

当上传到虚拟主机时，“fckeditor目录”设置为“fckeditor/”

 

（2）<add key="FCKeditor:UserFilesPath" value="图片上传的存放路径" />

注意点：在调试程序时，“图片上传的存放路径”设置为“/工程名/图片相对路径”；

当上传到虚拟主机时，“图片上传的存放路径”设置为“/图片相对路径”；

（如果是改成“Files”,则图片会保存到fckeditor/editor/filemanager/browser/default/connectors/aspx/Files/Image;）

 

Example:

在本地机器调试时：

<add key="FCKeditor:BasePath" value="/MyProject/fckeditor/" />

<add key="FCKeditor:UserFilesPath" value="/ MyProject/Images/" />

在上传到虚拟主机时：

<add key="FCKeditor:BasePath" value="fckeditor/" />

<add key="FCKeditor:UserFilesPath" value="/Images/" />

 

（3）在引用该控件的页面中ValidateRequest="false"

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="FckDemo.aspx.cs" Inherits="FckDemo" ValidateRequest="false" %>

 

（4）官方网站的support上提到，如果使用asp.net 2.0和theme，那么需要打开fckeditor/editor/filemanager/upload/aspx/upload.aspx和fckeditor/editor/filemanager/browser/default/connectors/aspx/connector.aspx文件，并且在第一行中加入Theme="" 。比如程序代码：
<%@ Page language="c#" Inherits="FredCK.FCKeditorV2.FileBrowserConnector" AutoEventWireup="false" Theme="" %>

三．文件的精简

上传到虚拟主机时，可以根据所使用的开发语言对fckeditor文件夹进行精简。这里使用ASP.NET。

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

四．控件的使用

使用Value属性获得文本内容（HTML格式的）