FCKeditor 2.6.3在线编辑器 - leoguan的日志 - 网易博客

FCKeditor 2.6.3在线编辑器　2009-06-23 13:22
分类：vs2008
字号：大大 中中  小
之前用的在线编辑器是DotNetTextBox ，并且曾一度觉得它异常强大，如可以给上传的图片加文字水印或者图片水印，但后来发现其上传的图片不容易管理，都挤在一个文件夹里面（免费版，付费版好像可以分文件夹上传保存图片），并且段首空格总不是所见即所得，我编辑时空了两个字符的位置，到了前台页面的时候只有一个字符，所以今天我再找了一款.Net的在线编辑器，技术群的黄昏推荐了FCKeditor，百度了一下，评价还不错，而且开源，于是到其官网下载了最新的版本FCKeditor_2.6.3。这里需要注意一下，单下载FCKeditor_2.6.3.zip并不能应用.Net环境，还需要下载另外一个文件FCKeditor.Net_2.6.3.zip。官网下载地址：http://www.fckeditor.net/。
下面讲讲FCKeditor.Net编辑器在.net环境的配置方法。
第一步：解压缩FCKeditor_2.6.3.zip文件，并将解压缩得到的fckeditor文件夹复制到你想使用这个编辑器的网站的根目录下面。
第二步：把下载的FCKeditor.Net.zip随便解压缩到你硬盘的一个空目录，里面是FCKeditor.Net的源代码，可以对它进行再度开发，我这里讲直接应用，我们要使用到是其目录下的\bin\Debug目录中的FredCK.FCKeditorV2.dll文件。在你的网站里面把这个FredCK.FCKeditorV2.dll添加到bin目录下。
第三步：进入FCKeditor文件夹，编辑 fckconfig.js 文件，如下：
 
1、指定编辑器应用的编程环境，修改
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
2、配置语言包。有英文、繁体中文等，这里我们使用简体中文。
修改
FCKConfig.DefaultLanguage = 'en' ;
为
FCKConfig.DefaultLanguage = 'zh-cn' ;
3、配置皮肤。有default、office2003、silver风格等，这里我们可以使用默认。
FCKConfig.SkinPath = FCKConfig.BasePath + 'skins/default/' ;
4、在编辑器域内可以使用Tab键。（1为是，0为否）
FCKConfig.TabSpaces = 0 ; 改为FCKConfig.TabSpaces = 1 ;
5、加上几种我们常用的字体的方法，例如：
修改
FCKConfig.FontNames = 'Arial;Comic Sans MS;Courier New;Tahoma;Times New Roman;Verdana' ;
为
FCKConfig.FontNames = '宋体;黑体;隶书;楷体_GB2312;Arial;Comic Sans MS;Courier New;Tahoma;Times New Roman;Verdana'
6、编辑器域内默认的显示字体为12px，想要修改可以通过修改样式表来达到要求，打开/editor/css/fck_editorarea.css，修改font-size属性即可。如font-size: 14px;
7、关于安全性。
如果你的编辑器用在网站前台的话，那就不得不考虑安全了，在前台千万不要使用Default的toolbar，要么自定义一下功能，要么就用系统已经定义好的Basic，也就是基本的toolbar，
修改
FCKConfig.ToolbarSets["Basic"] = [
['Bold','Italic','-','OrderedList','UnorderedList','-','Link','Unlink','-','About']
为
FCKConfig.ToolbarSets["Basic"] = [
['Bold','Italic','-','OrderedList','UnorderedList','-','Unlink','-','Style','FontSize','TextColor','BGColor','-','Smiley','SpecialChar','Replace','Preview']
] ;
第四步：在Web.Config文件里面添加，如下所示
1、配置WebConfig，在节点添加，如下所示：
如果你用的是默认的上传功能，则


第五步：在页面里应用FCKeditor编辑器
<%@ Page Language="C#" AutoEventWireup="true"   CodeFile="Default.aspx.cs" Inherits="_Default" validateRequest="false" %>
<%@ Register Assembly="FredCK.FCKeditorV2" Namespace="FredCK.FCKeditorV2" TagPrefix="FCKeditorV2" %>
// 这里要主要两个参数
// 默认为<%@ Page Language="C#" AutoEventWireup="true"   CodeFile="Default.aspx.cs" Inherits="_Default" %>
// 我们要添加一个参数 validateRequest=false，否则提交带html代码的内容会报错
// 从客户端(...)中检测到有潜在危险的 Request.Form 值。

 

如何获取其内容呢？读取FCKeditor1控件的Value属性值即可。
到这里基本OK了，但是我发现在使用图片上传功能的时候，会弹出一个阻止框，显示"this connector is disabled Please check the"editor/filemanager/connectors/aspx/config.aspx"，解决这个错误的方法是打开editor/filemanager/connectors/aspx/config.ascx修改CheckAuthentication()方法，返回true
C# code
private bool CheckAuthentication()
{
// WARNING : DO NOT simply return "true". By doing so, you are allowing
// "anyone" to upload and list the files in your server. You must implement
// some kind of session validation here. Even something very simple as...
//
//        return ( Session[ "IsAuthorized" ] != null && (bool)Session[ "IsAuthorized" ] == true );
//
// ... where Session[ "IsAuthorized" ] is set to "true" as soon as the
// user logs in your system.
return true;
}