FCKeditor文本编辑器使用说明

最新推荐文章于 2021-04-01 11:34:19 发布

Quentinlees

最新推荐文章于 2021-04-01 11:34:19 发布

阅读量684

点赞数

分类专栏： Asp.net编程脚本程序 DHTML网页编程文章标签： fckeditor 文本编辑 asp session basic validation

Asp.net编程同时被 3 个专栏收录

36 篇文章 0 订阅

订阅专栏

脚本程序

19 篇文章 0 订阅

订阅专栏

DHTML网页编程

5 篇文章 0 订阅

订阅专栏

FCKeditor文本编辑器简单强大
FCKeditor.Net编辑器在.net环境的配置方法：
先下载FCKeditor_2.6.5.zip和FCKeditor.Net_2.6.3.zip两个文件
此包为FCKeditor.Net_2.6.3.zip，本站FCKeditor_2.6.5.zip的下载地址为http://down.bccn.net/download-88.html
官网下载地址：http://www.fckeditor.net/
第一步：解压缩FCKeditor_2.6.3.zip文件，并将解压缩得到的fckeditor文件夹复制到你想使用这个编辑器的网站的根目录下面。

第二步：把下载的FCKeditor.Net.zip随便解压缩到你硬盘的一个空目录，里面是FCKeditor.Net的源代码，可以对它进行再度开发，我这里讲直接应用，我们要使用到是其目录下的/bin/Debug目录中的FredCK.FCKeditorV2.dll文件。在你的网站里面把这个FredCK.FCKeditorV2.dll添加到bin目录下。

第三步：进入FCKeditor文件夹，编辑 fckconfig.js 文件，如下：

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，在<appSettings>节点添加，如下所示：
如果你用的是默认的上传功能，则
<add key="FCKeditor:BasePath" value="~/fckeditor/"/>
<add key="FCKeditor:UserFilesPath" value="/网站名称/UploadFiles/"/>
第五步：在页面里应用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 值。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>无标题页</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <FCKeditorV2:FCKeditor ID="FCKeditor1" runat="server">
        </FCKeditorV2:FCKeditor>
         </div>
    </form>
</body>
</html>
如何获取其内容呢？读取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;
}