博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

FreeTextBox vs FCKEditor vs HHFEditor

Posted on 2007-05-18 22:34  Hafeyang  阅读(1845)  评论(1编辑  收藏  举报

许久没有写博客了,最近一直在做一个项目,今天晚上有些烦,就找了一些在线编辑器来比试比试

首先简单的介绍这些Editor吧

一. FreeTextBox介绍
FreeTextBox 大家很熟悉了,最新版好象是FTBv3-1-6,下载在Http://www.FreeTextBox.com

在这个版本中默认不支持图片上传,可以按照下列步骤:

1.在包中找到/examples/fully_loaded_external/ftb.imagegallery.aspx文件复制到你的站点

2.在FreeTextBox中添加按钮
eg:

<FTB:FreeTextBox id="FreeTextBox1" Focus="true"
            SupportFolder
="~/aspnet_client/FreeTextBox/"
            JavaScriptLocation
="ExternalFile" 
            ButtonImagesLocation
="ExternalFile"
            ToolbarImagesLocation
="ExternalFile"
            ToolbarStyleConfiguration
="office2000"            
            toolbarlayout
="ParagraphMenu,FontFacesMenu,FontSizesMenu,FontForeColorsMenu,FontForeColorPicker,FontBackColorsMenu,
FontBackColorPicker|Bold,Italic,Underline,Strikethrough,Superscript,Subscript,RemoveFormat|JustifyLeft,JustifyRight,JustifyCenter,
JustifyFull;BulletedList,NumberedList,Indent,Outdent;CreateLink,Unlink,InsertImage|Cut,Copy,Paste,Delete;Undo,Redo,Print,Save|
SymbolsMenu,StylesMenu,InsertHtmlMenu|InsertRule,InsertDate,InsertTime|InsertTable,EditTable;InsertTableRowAfter,
InsertTableRowBefore,DeleteTableRow;InsertTableColumnAfter,InsertTableColumnBefore,DeleteTableColumn|InsertForm,InsertTextBox,
InsertTextArea,InsertRadioButton,InsertCheckBox,InsertDropDownList,InsertButton|InsertDiv,EditStyle,InsertImageFromGallery,
Preview,SelectAll,WordClean,NetSpell"

            runat
="Server"
            GutterBackColor
="red"
                 
            
/>


3.修改相关的属性 
ImageGalleryPath :图片上传路径
ImageGalleryUrl:刚才拷贝的ftb.imagegallery.aspx的地址

能做到上传图片根这里是有关系的,接着看

二.FCKEditor介绍
FCKEditor的安装和常见错误我建议大家去看一下这个页面
http://blog.csdn.net/study1014/archive/2007/01/04/1473797.aspx
我需要补充的是 这么一个问题
有时弹出一个很大的错误的提示(比我的屏幕大多了)
最上面是这么写的:

The Server didn't Send back a proper XML response
下面有这么一段
...
<title>Error Calling [msvcrt.dll]:_wmkdir( D:\web\Practice\FCKEditorUserFolder\Image ) err code -1</title>
..
D:\web\是iis根目录
Practice是项目名称
FCKEditorUserFolder是上面配置的文件夹
最后面的文件夹就是错误
在这个文件夹下再创建文件夹Image 即可

三.HHFEditor
是国内同仁做的一个功能也比较齐全的编辑器,我的感觉还可以.
编辑器下载地址:http://www.hhfsoft.com/file/hhfeditor.rar

预览地址:http://www.hhfsoft.com/hhfeditor/

使用非常简单,就是几个用户自定义控件

我这里用功能最齐全的那个控件

上面说了那么多,最终是为了比较他们的性能,千方百计让它们能上传图片也是为了这个

使用Fiddler工具(http://www.fiddlertool.com/fiddler/)

将Internet 临时文件全部删除

然后刷新页面测试它们的下载文件数量和大小

FreeTextBox:
Request Count:  58
Bytes Sent:  27,840
Bytes Received: 226,321

FCKEditor:
Request Count:  23
Bytes Sent:  11,335
Bytes Received: 222,280

HHFEditor:
Request Count:  41
Bytes Sent:  20,196
Bytes Received: 60,754

以上只列出了基本的数据
而且全部禁用ViewState
我是将下载的文件全选中再看数据的

总的来说,HHFEditor 下载的数据量比较小
FreeTextBox  FCKEditor平分秋色
但是FCKEditor的Sent Bytes较少

在使用中我推荐 HHFEditor 安装简单,数据量小,功能也比较齐全,皮肤一般,版权声名可以自定义Css样式隐藏