ASP.NET 中如何配置使用 FCKeditor

ASP.NET 中如何配置使用 FCKeditor?网上找的资料,然后加以自己的实践和总结,现在以FCKeditor2.63为例,说一下如何配置使用。
FCKeditor2.63下载
官方网站http://www.fckeditor.net/
dll控件:http://jaist.dl.sourceforge.net/project/fckeditor/FCKeditor.Net/2.6.3/FCKeditor.Net_2.6.3.zip
图片JS文件:http://jaist.dl.sourceforge.net/project/fckeditor/FCKeditor/2.6.3/FCKeditor_2.6.3.zip

FCKeditor安装和配置

FCKeditor.Net_2.6.3.zip解压缩,找到FredCK.FCKeditorV2.dll,添加引用到Bin里。
FCKeditor_2.6.3.zip解压缩,fckeditor文件夹,放在项目根目录里。

1、配置WebConfig

<appSettings> 
<!--配置的是FCK相对于根目录的路径-->
<add key="FCKeditor:BasePath" value="~/fckeditor/"/>
<!--配置的是FCK上传文件相对于根目录保存的位置,手动创建文件夹-->
</appSettings> 

 
说个提示:有些人在这里发的时候 value=”/fckeditor/”,这样做如果是项目模式,不会出错,但是如果是网站模式,或者项目最后发布成网站,还是会报错的。
用value=”~/fckeditor/”,怎么都不错。

2、使用

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="ui._Default" 
    ValidateRequest="false" %>

ValidateRequest不设置成false会报错,提示存在风险
注册下:

<%@ Register Assembly="FredCK.FCKeditorV2" Namespace="FredCK.FCKeditorV2" TagPrefix="FCKeditorV2" %> 

在body中使用:

<FCKeditorV2:FCKeditor Height="400px" ID="FCKeditor1" Width="800px" runat="server"> 
          </FCKeditorV2:FCKeditor>

后台 FCKeditor1.value.tostring(); 就可以把内容存到数据库中啦。
完成上面步骤就可以使用FCK了,如果想上传时做验证以及使用中文,还要进一步修改和设置。

FCKeditor详细设置
1、上传存在风险,在2.63版里增加了验证
找到文件:\fckeditor\editor\filemanager\connectors\aspx\config.ascx

打开编辑

private bool CheckAuthentication() 
{
return Session["UserInfo"] == null ? false : true;
//return true;
}

在这个函数内,进行身份验证,是否有权限上传图片或flash文件等。

默认情况下是返回false的,如果返回false,上传时会提示
“this connector is disabled Please check the”editor/filemanager/connectors/aspx/config.aspx”

2、在上传文件窗口点击浏览服务器出现the server didn’t send back a proper xml…..错误提示时,
  因为后期版本的FCKEditor要求不同类型的文件分别传到不同的目录,包括file,image,falsh,media等目录,一定要先建立起来。
  但是有时候也不提示错误,会在UploadFiles文件夹下自动生成子文件夹image等。

3、设置中文
  fckeditor\fckconfig.js文件内
  FCKConfig.DefaultLanguage = ‘en’ ; 改为 FCKConfig.DefaultLanguage = ‘zh-cn’ ;

4、修改类型

var _FileBrowserLanguage = 'php' ; // asp | aspx | cfm | lasso | perl | php | py 
  var _QuickUploadLanguage = 'php' ; // asp | aspx | cfm | lasso | php
  'php' 改为 'aspx'.

5、皮肤
 

FCKConfig.SkinPath = FCKConfig.BasePath + 'skins/default/' ; 默认色(黄了吧唧的) 
  FCKConfig.SkinPath = FCKConfig.BasePath + 'skins/office2003/' ; 和office2003一个颜色(淡蓝)

   FCKConfig.SkinPath = FCKConfig.BasePath + 'skins/silver/' ; 金属色(古铜)

6、字体

  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'

7、字体大小
  编辑器域内默认的显示字体为12px,想要修改可以通过修改样式表来达到要求,打开/editor/css/fck_editorarea.css,修改font-size属性即可。如font-size: 14px;

8、工具
功能很多有些用不上,可以删减,在fckeditor\fckconfig.js文件内,
FCKConfig.ToolbarSets[“Default”] = []; 中括号内是你需要的就留下。

9、编辑模板页时自动去掉标签,而且会给你加上

标签
FCKConfig.FullPage = false ; 改为 :FCKConfig.FullPage = true;
如果想去掉自动添加

的代码就可以在这里设置默认是

FCKConfig.EnterMode = 'p' ; // p | div | br 
FCKConfig.ShiftEnterMode = 'br' ; // p | div | br
改成
FCKConfig.EnterMode = '' ; // p | div | br
FCKConfig.ShiftEnterMode = 'br' ; // p | div | br

发表评论