WYSIWYG Web Editors - The List

TTW ("Through the Web") WYSIWYG Web Editors - The Listhttp://www.geniisoft.com/showcase.nsf/WebEditors==the best==--http://www.fckeditor.net/--http://tinymce.moxiecode.com/----http://tinymce.moxiecode.com/example_full.php?example=true----Platform independent Javascript HTML WYSIWYG editor control released as Open Source under LGPL by Moxiecode Systems AB. It has the ability to convert HTML TEXTAREA fields or other HTML elements to editor instances. TinyMCE is very easy to integrate into other CMS systems. Opera browser support requres Opera 9.0 Preview 1.--------评论: TinyMCE用了一段时间后发现，添加HTML代码时会过滤掉，甚至报错，而且有人反映用微软输入法后会很慢，存在假死现象。另外TinyMCE的license很模糊，他们还在开发收费的插件，看来以后也许会把强大的、有价值的部分功能收费，有点儿怕。虽然FCKEditor也很慢，但比起TinyMCE要通用些，功能也更强大，自己定制了一下FCKEditor，凑合用吧，现在终于知道为什么MT不用这类东西了，因为实在是没有好的，都有这样那样的bug，免得麻烦，所以不用了，哈哈。是的,我也是觉得TinyMCE的速度特别快,呵呵,用起来比较好.TinyMCE的js文件小，比FCKEditor装载速度快，但是我用了这么久发现许多问题，FCKEditor也不是很好。我比较过几个，最后还是选FCKEditor。这些东西你觉得够用好用就行，不需要追求哪个更好，更先进。----------扩展:辅助控件的源码 http://www.cnblogs.com/notus/archive/2005/07/17/194479.html--------定制TinyMCE支持UBBCode的可视化编辑！2005-06-19 http://www.dirkye.com/diary/36.html在移动博客第一个版本中，使用了UBBCode作为网志撰写格式化描述符，不能直观的混合编辑图片和多格式文字，使用起来不是很方便。原来计划在新版本中采取两种方式：1、源代码编辑+预览，2、WYSIWYG编辑器。第一种方式应该是比较简单的，基本保持原来的方式，只需要增加一个预览功能。但二版应该说包含了我目前所能想到的几乎所有优秀点子，因此，我不希望打破辛苦建立起来的良性系统结构，原来的简单编辑器在系统结构上就不再适用了；即使最后真的采用第一种方式，也需要比较大的调整。至于第二种方式，目前Web上WYSIWYG编辑器还是不少的，比如HtmlArea，TinyMCE，FCKEditor等，都是非常优秀的可视化编辑器。所有的WYSIWYG编辑器对我来说，都存在一个巨大的障碍：我们的源代码是以UBBCode组织的，而WYSIWYG编辑器是基于JavaScript来可视化编辑Html源代码，想要在新系统中使用WYSIWYG编辑器，势必要解决这个转换问题。首先，我需要挑选适合新系统整合的WYSIWYG编辑器，初步确定HtmlArea，TinyMCE，FCKEditor三个作为考查目标。从它们的主站以及网上用户的评论，最终我选择了TinyMCE作为我们新系统的WYSIWYG编辑器。考虑因素大致如下：HtmlArea的功能很强大，但感觉有点过于复杂，可定制性稍微弱了一点，而且关键是已经停止更新；而FCKEditor虽然很华丽且强大，但速度明显比较慢，有点无法忍受。相对来说，TinyMCE比较适中，功能不差，速度也比较满意，特别是可定制性相当不错的。确定采用TinyMCE后，大略的研究了一下它的结构，发现只要做一个自己的Theme就可以做到很好的定制，那么，剩下的唯一难题UBBCode《==》Html互为转换了，而且必须用JavaScript完成，看来，只有寄希望于JavaScript的正则表达式了。移动博客的UBBCode格式化都是使用正则表达式完成的，要想让TinyMCE支持UBBCode，需要一个双向的转换器。不过很幸运，JavaScript的正则表达式也是非常强大的，没有花费太多工夫就搞定了双向转换。这样，在定制了Theme后，在TinyMCE需要Html源代码的地方使用UBBCode==》Html转换器（比如页面初始化和源代码编辑更新），在显示Html源代码的地方使用Html==》UBBCode转换器（比如网志保存和源代码显示）；用户可以可视化的编辑，但看到的又是UBBCode源代码，最终完成了UBBCode的可视化编辑功能。最后，诸如插入个人附件之类的功能，只需要和系统做一下整合即可。整合完成后，进行了大概的测试，在Html《==》UBBCode转换中多少有些小问题，比如TinyMCE需要浏览器来完成Html代码的格式化清理工作，而不同浏览器格式不同，多少对我的UBBCode转换有点影响，不过最后想办法绕开了。--http://xinha.python-hosting.com/----Successor to htmlArea, this is an excellent and easy to use editor.==other==