FCKeditorWeb在线编辑器说明

转载 2006年06月07日 09:34:00
现在网络上有很多不一样的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

下载文件点击下载FCKeditor.Net_2.2

FCKeditorWeb在线编辑器说明

现在网络上有很多不一样的web在线编辑器,大多数都是商业程序,要使用更多功能的话得掏钱。比如FreeTextbox,CuteEditor(听说它非常强大)。我选择了FckEditor,主要它是轻量级的...
  • wpfonline
  • wpfonline
  • 2007年05月20日 10:56
  • 440

eWebSoft在线 HTML 编辑器的使用说明

 http://www.sunmood.com/bbs/non-cgi/editor/editor.html eWebEditor是的基于网页的、所见即所得的在线HTML编辑器。她能够在网页上实现许多...
  • rcyl2003
  • rcyl2003
  • 2007年04月30日 13:57
  • 1872

HTML5--CSS3在线编辑工具 超酷!!!(24款非常实用的CSS3工具终极收藏)

对于Web设计和开发人员来说,CSS是非常重要的一部分,随着越来越多的浏览器对CSS3的支持及不断完善,设计师和开发者们有了更多的选择。如今,用纯CSS就可以实现各种各样很酷的效果,甚至是动画。今天这...
  • jpr1990
  • jpr1990
  • 2011年11月15日 11:02
  • 5265

svg在线编辑器

SVG-Edit 是一个基于浏览器的图像编辑器,可进行常用的一些图像处理功能,无需服务器端支持,支持各种浏览器。如下图所示: 在线演示    内容来自  :http://www.o...
  • cn_bboy
  • cn_bboy
  • 2014年01月15日 16:20
  • 1687

HTML在线编辑器原理

以前也用过HTML在线编辑器,但是一直不太清楚是怎么回事,今天在网上找了一下终于知道是怎么一回事了。 示例下载地址:http://download.csdn.net/detail/qm4050/...
  • qm4050
  • qm4050
  • 2013年01月10日 15:39
  • 5038

html5-contentEditable在线编辑

contentEditable属性,可用于在线编辑文本,从而简单的实现了用户编辑信息,该属性支持ie,且该属性有个隐藏的inherit(继承)状态,诺当前标签位指定true或者false则由其父级决定...
  • u011909890
  • u011909890
  • 2016年07月21日 17:08
  • 951

CKEditor+CKFinder+JSP实现在线编辑器

本篇文章主要介绍ckeditor_3.6.4+ckfinder_java_2.3 CKEditor下载地址:http://ckeditor.com/download            在线演示地...
  • Smile_7x
  • Smile_7x
  • 2014年05月18日 21:36
  • 1896

百度 在线编辑器ueditor1_4_3使用方法及配置

1.下载ueditor1_4_3-utf8-php,解压后如下: 把文件重命名为ueditor 2.在模板里引用如下:         var editor= UE.getEditor...
  • u014796999
  • u014796999
  • 2015年10月09日 22:49
  • 1354

xml在线编辑开发

1 设计:从db中取得xml字符串, 在页面端对其进行分析放到js对象(model)中,然后在页面显示2 页面加载:xml-->model   显示:model-->html   修改:在html上修...
  • samttsch
  • samttsch
  • 2009年06月26日 09:36
  • 1635

jbpm4.1 web编辑器

jbpm4.1 提供了WEB流程编辑器---Signavio jbpmeditor。 一、安装 直接拷贝jbpm-4.1/install/src/signavio/jbpmeditor.war 至ap...
  • houqj
  • houqj
  • 2009年10月10日 22:12
  • 2627
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:FCKeditorWeb在线编辑器说明
举报原因:
原因补充:

(最多只允许输入30个字)