FCKeditorWeb在线编辑器说明

现在的位置: 首页 > 综合 > 正文

FCKeditorWeb在线编辑器说明

2012年04月15日 ⁄ 综合 ⁄ 共 2683字 ⁄ 字号小中大 ⁄ 评论关闭

FCKeditorWeb在线编辑器说明

现在网络上有很多不一样的web在线编辑器，大多数都是商业程序，要使用更多功能的话得掏钱。比如FreeTextbox，CuteEditor（听说它非常强大）。

我选择了FckEditor，主要它是轻量级的，功能丰富的，安装使用简单的，开源的在线编辑器，而且开源，下载的包里有项目文件，你可以按照自己的需要进行修改代码，然后再次生成组件。而且它支持IE 5.5+ (Windows), Firefox 1.0+, Mozilla 1.3+和Netscape 7+以上浏览器，并且支持ASP，CGI，PHP，ASP.NET，Java，ColdFusion，Python等脚本。

好了，闲话不说，我这里提一下在ASP.NET下一般的安装和使用方法。

1、下载FckEditor 2.3 Beta，它主要包括核心文件。

2、下载FckEditor 2.2 .Net ，包括ASP.NET的DLL文件，并且解压到任意目录。

3、解压FckEditor 2.3 Beta压缩包，将文件夹FCKeditor复制到网站的根目录，这里以ASP.NET 2.0的test项目为例，将其复制到test的根目录，并且在根目录下新建uploads目录用来存放编辑器上传得文件。

4、打开FCKeditor目录下的fckconfig.js文件，将FCKConfig.DefaultLanguage的值改为zh-cn使其的界面语言改变为简体中文，_FileBrowserLanguage和_QuickUploadLanguage的值都改为aspx。可选的修改如下，可以修改编辑器的skin,将FCKConfig.SkinPath = FCKConfig.BasePath + 'skins/default/' 的default可以该为office2003或者silver。保存修改，关闭文件。

5、打开test项目的web.config文件，在<appSettings>节点下增加<add key="FCKeditor:UserFilesPath" value="/Weblog/uploads"/>。不知道为什么FCKeditor不支持相对路径，如果设置为“~/uploads”就是用不了，上传得文件地址都变成"http://localhost/~/uploads/xxxxxx.jpg"这样的了。在<system.web>节点下增加<pages validateRequest="false"/>，要不然当在编辑器里输入字符保存时，会出现“检测到有潜在危险对象的Request.form值”的警告，好了，保存文件。

6、在项目中引用刚才解压的FCKeditor.NET压缩包里的FredCK.FCKeditorV2.dll文件。具体位置是 FCKeditor.Net_2.2/bin/release/FredCK.FCKeditorV2.dll

7、打开test项目的default.aspx页面，在

程序代码

<%@ Page Language="C#" MasterPageFile="~/Weblog.master" AutoEventWireup="true" CodeFile="article.aspx.cs" Inherits="article" Title="Test FckEditor" %>

下面加入以下代码

程序代码

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

然后就可以在default.aspx页面使用这个控件了：

程序代码

<fckeditorv2:fckeditor id="FCKeditor" runat="server" Width="580px" EnableXHTML="true" EnableSourceXHTML="true" basepath="~/FCKeditor/" height="500px"></fckeditorv2:fckeditor>

8、如何取得编辑器中的文本。该控件有个属性是value，它就是获得编辑器中的文本的。

9、FCKeditor控件的属性和事件。
具有的属性列表如下：

引用内容

AutoDetectLanguage
BaseHref
BasePath
ContentLangDirection
CustomConfigurationsPath
Debug
DefaultLanguage
EditorAreaCSS
EnableSourceXHTML
EnableViewState
EnableXHTML
FillEmptyBlocks
FontColors
FontFormats
FontNames
FontSizes
ForcePasteAsPlainText
ForceSimpleAmpersand
FormatIndentator
FormatOutput
FormatSource
FullPage
GeckoUseSPAN
Height
ID
ImageBrowserURL
LinkBrowserURL
PluginsPath
runat
SkinPath
StartupFocus
StylesXMLPath
TabSpaces
ToolbarCanCollapse
ToolbarSet
ToolbarStartExpanded
UseBROnCarriageReturn
Value
Visible
Width

具体的事件列表如下：

引用内容

OnDataBinding
OnDisposed
OnInit
OnLoad
OnPreRender
OnUnload

10、其他
官方网站的support上提到，如果使用asp.net 2.0和theme，那么需要打开\editor\filemanager\upload\aspx\upload.aspx和\editor\filemanager\browser\default\connectors\aspx\connector.aspx文件，并且在第一行中加入Theme="" 。比如

程序代码

<%@ Page language="c#" Inherits="FredCK.FCKeditorV2.FileBrowserConnector" AutoEventWireup="false" Theme="" %>

如果还有什么不知道，可以访问 http://www.fckeditor.net/

编辑器下载:
下载文件点击下载FCKeditor v2.3 Beta