一组在线 Rich Text 编辑器

今天坐了一天，把以前的东西整理了一通，简单“装饰”一下，放到网上给大家看：

1. Cross-Browser Rich Text Editor
         一个兼容多种浏览器(IE5.5+, Mozilla1.3+)的编辑器
2. dotnetBB 论坛上使用的编辑器
         使用的是 DIV 而非 IFRAME
3. 动网 HTML 编辑器
         很老的一个，好像是动网新闻上的？
4. 一个叫 ManyMonkeys 的编辑器
         我最早见到的支持实时显示 B,I,U 等按钮状态的编辑器
5. 我比着上面那个自己做的一个编辑器
         比较粗糙，但也够用

看来蝈蝈俊是比较偏爱让 B,I,U 等按钮状态实时显示的，我早上就看到他的想法，现在已经看到他已经把 0.6 版拿出来了。但就我这里的效果看，并不见得好，主要是：

• 总是觉得晃眼，特别是鼠标划过工具条的时候；
• 当我快速的在文本框里敲字母时，能够感到明显的延迟； 
• 在文本框中敲字母时，能够看到 IE 状态栏不停的晃着“正在下载图片 http://...../.../.../undefined...”的字幕，不爽；
• 我打开“任务管理器”，查看 CPU 占用率：只要我在文本框里敲字母，占用率就维持在 80% 左右（在默认的 FreeTextBox 1.6.3 中 CPU 占用率一般低于 10%；我的机器不太好，800MHz，但我想网吧里的机器比我的也好不了多少吧？）。

其实一句话，“晃眼”！和上面我列出的第四个编辑器一样的毛病。其实当时我正是看到 ManyMonkeys 的那个可以实时显示状态，所以比着它做，但后来发现“延时”和“晃眼”的问题很烦人，最后终于放弃实时显示。蝈蝈俊，看看能不能让用户自己选择是否开启“实时状态显示”的功能？（并不是每个用户都需要这个功能的）

——
查了一下访问记录，很多朋友是搜索“在线编辑器”进来的，所以添一句：ASP.NET 下比较好的在线编辑器是 FreeTextBox，大家可以看看它的中文版本。

发表于 Thursday, November 27, 2003 11:07 PM

评论

# 回复: 一组在线 Rich Text 编辑器 我也收集了很多，但是真正是控件的没有几个，为什么这么说呢？因为很多都是用html+js实现的，然后使用的时候引用这一页，和原来asp中的用法没什么区别。

至于系统资源占用量，不是很清楚了，因为没有比较过，呵呵

11/28/2003 8:34 AM | NetFire(Fire.Rolland.Han)

# 回复: 一组在线 Rich Text 编辑器

是有一个属性指名那个开关。
那里罗列的是所有功能按钮的演示。

为啥叫 0.6 就是表示我刚刚对这个修改基本满意，很多不完善的地方都没有补充。^&^

11/28/2003 8:55 AM | ghj1976

# 回复: 一组在线 Rich Text 编辑器

使用及时对应按钮状态的功能当然非常耗时，为此我专门写了一段代码保证每秒钟只处理三次。

看来可以考虑把这个功能放到每秒一次，会快点了。

11/28/2003 9:00 AM | ghj1976

# 回复: 一组在线 Rich Text 编辑器

我提一点小意见，我觉得这些都不漂亮。

看看 SharePoint Service 2.0 带的那个编辑器吧，里面的有些功能确实不错，可以以所见即所得的方式显示字体列表，如果能做到那样，一定很美观。

11/28/2003 9:18 AM | moslem

# 回复: 一组在线 Rich Text 编辑器

不错，先顶。

12/12/2003 8:43 AM | K

# 回复: 一组在线 Rich Text 编辑器

http://aze.103.cn/data/use/code/FCKeditor_1.3.1.zip

12/18/2003 4:31 PM | aze

# 回复: 一组在线 Rich Text 编辑器

这个我见过的，不过它用了一个 ActiveX 插件。这里讨论的都是纯粹 DHTML + Javascript 实现的 Rich Text Editor。

我认为 ASP.NET 中目前最好的 OpenSourse 的 Rich Text Editor 服务器控件，还是 FreeTextBox 1.6.3：
http://www2.zzu.edu.cn/pb/w/ftb/

ASP 中比较好的一个 Rich Text Editor 是刚刚见到的 eWebEditor，地址在：
http://www.ewebsoft.com/product/ewebeditor/?action=demo

12/18/2003 5:52 PM | 破宝

# 回复: 一组在线 Rich Text 编辑器

破宝~~

现在很多网吧使用的仍然是IE 5.0,其实我也喜欢contenteditable属性,但是IE 5.0里面好像无效> <

所以很多情况下还是需要用IFrame


这个资料在MSDN For VS.Net 2002里面有,标题好象是Create HTML Editor,同时介绍的还有Hta和Htm文件的区别

12/19/2003 12:52 PM | tSoS

# 回复: 一组在线 Rich Text 编辑器

正如破宝教导(我)的一样,把它们封装起来是为了使用方便(我以为尤其是在设计时...)

12/19/2003 12:55 PM | tSoS

# 回复: 一组在线 Rich Text 编辑器

破宝，您好：
您的FreeTextBox在
http://www2.zzu.edu.cn/pb/w/ftb/
找不到了，您能否给我发一份，谢谢！
[e-mail]

1/2/2004 9:50 AM | TomMax

# 回复: 一组在线 Rich Text 编辑器

能给我发一份吗?
[e-mail]
谢谢!

1/2/2004 7:46 PM | axlwish

# 回复: 一组在线 Rich Text 编辑器

一般的asp富文本编辑都是Dhtml+javascript 技术实现
一般的aspx富文本编辑也是
dhtrml+javascripot/dhtml+c#/dthtm+vb.net
谁有aspx富文本的源码

2/5/2004 12:29 PM | 飞虎

# 回复: 一组在线 Rich Text 编辑器

eWebEditor
很不错的！

3/29/2004 3:20 PM | dakular

# 回复: 一组在线 Rich Text 编辑器

我下载了你的freetextbox汉化版1.6.3,在VS2002下无法使用,不知该怎样才能使用,我不想装VS2003,担心升级后以前的程序受影响.我是一个菜鸟,请给我指点.谢谢.

4/13/2004 1:19 PM | zc

# 回复: 一组在线 Rich Text 编辑器

我很笨，看了readme以后，也不知道放在我的网页里的哪一部分啊？

6/6/2004 10:04 PM | ice

# 回复: 一组在线 Rich Text 编辑器

单击保存按钮，出现下列信息：

“/”应用程序中的服务器错误。
--------------------------------------------------------------------------------

从客户端(FreeTextBox1="<P><B><FONT face=ari...")中检测到有潜在危险的 Request.Form 值。

如果保存成功，数据保存到什么地方？怎样获得这些数据？
请指教，谢谢！！

6/30/2004 4:46 PM | lcl

# 我失去了，找回来了，能否帮助

你好！我对于html在线编辑器有特殊的理解和情感。在前两天我从你这里看到了一个在线的word编辑器，非常棒！打开IE之后能够弹出一个界面，就是word。我记忆中那个网站思路就是www.webword.com可是后来发现不是。
你能够帮助我，找到！谢谢！

——————————————————
我是一个销售，做电子政务的项目多年。对于，在线编辑器有很深的情感。实在是割舍不下。我对这个东西的应用也有我的理解。如果你觉得可以探讨一下；我们可以交流。我并不懂开发，可是我想自己做一个公司开发html在线编辑器。[e-mail] 我的邮箱。

7/2/2004 1:00 AM | ToTo

# re: 一组在线 Rich Text 编辑器

关于“从客户端...中检测到有潜在危险的 Request.Form 值”出错问题，是因为FreeTextBox提交的未经编码的包含HTML格式的文本，.net framework 1.1版本后为页面安全起见将页面的请求验证默认值设置为true。
解决的办法是在FreeTextBox的页面加上
<%@ Page Language="vb" ValidateRequest="false">
同时对FreeTextBox提交的内容进行HTML编码，如：
label1.text=Server.HTMLENCODE(FreeTextBox1.text)

9/8/2004 11:02 PM | 德叔

# re: 一组在线 Rich Text 编辑器

FreeTextBox 2.0已经发布，直接支持中文，不用汉化，非常不错。。
http://www.freetextbox.com/default.aspx

9/8/2004 11:33 PM | 德叔

# re: 一组在线 Rich Text 编辑器

我也做了一个编辑器~~


http://www.chinamis.net/web_pages/demo/more.htm

9/12/2004 2:36 PM | komatu

# re: 一组在线 Rich Text 编辑器

我在csdn里看到这个编辑器WebNoteEditor

也不错 http://www.shaoys.com/WebNoteEditor_Sample/

10/8/2004 2:25 PM | MK

# re: 一组在线 Rich Text 编辑器

2.0虽然好,但是不在开源了,默哀一下下,
ftb1.6.3下载的用vs2002打不开的话,是不是提示版本不够高,
如果是就大概工程文件把开头部分改成你现有的vs的样式就可以了,
我的vs2001改了以后都可以用,
还有就是实在不行就在cmd下编译即可,
不够比较麻烦,我搞了一下午才搞定,还是推荐用vs编辑和编译吧!

10/9/2004 10:52 AM | suzhq

# re: 一组在线 Rich Text 编辑器

EWebEdit确实很不错

10/18/2004 9:19 PM | 火大

# re: 一组在线 Rich Text 编辑器

FreeTextBox 里面的保存有什么作用，我怎么没看到效果，请高手指点，再请问我如果要改变我上传图片的路径，在源码的哪个位置改，怎么改，请高手指点，
谢谢！！！！

10/18/2004 10:23 PM | 火大

# re: 一组在线 Rich Text 编辑器

to 火大:

“保存”按钮默认是没有执行任何操作的，但它附带一个 SaveClick 服务端事件，你可以在服务端代码中写这个事件的处理代码，执行你自己的保存操作。

你完全可以在 FreeTextBox 控件之外放置其他的 Button 来做同样的事情（就像 .Text Blog 程序中的那样）（这时就可以把“保存”按钮隐藏起来了），

FreeTextBox 提供“保存”按钮是为了：让你的保存按钮和 FreeTextBox 的其他的工具条按钮在一起，这样可以制作出一个类似 Word 那样的编辑环境。但这并不是唯一的做法，你仍可以选择前面所说的那种处理方式。