cnblogs/dcrenl/22个所见即所得在线Web编辑器.html
2024-09-24 12:43:01 +08:00

81 lines
12 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<div id="sina_keyword_ad_area2" class="articalContent ">
<p>这些 Web 编辑器可以在线编辑和处理富 Web 内容,包括&#26684;式文本,表&#26684;,图片,媒体,链接等等,非常适合集成到 CMS网站内容管理系统中使用。本文又搜集了 22 个 Web 在线编辑器,它们基本代表了当前 Web 编辑器的现状。</p>
<p><a target="_blank" href="http://sixrevisions.com/user-interface/rich-text-editors-for-2010-and-beyond/"><img alt="Rich-Text Editors for 2010 and Beyond" src="http://simg.sinajs.cn/blog7style/images/common/sg_trans.gif" width="550" height="200" title="22个所见即所得在线&nbsp;&lt;wbr&gt;Web&nbsp;&lt;wbr&gt;编辑器" style="border-bottom:black 1px solid; border-left:black 1px solid; border-top:black 1px solid; border-right:black 1px solid"></a></p>
<h3>1. <a target="_blank" href="http://tinymce.moxiecode.com/">TinyMCE</a></h3>
<p><img alt="TinyMCE" src="http://simg.sinajs.cn/blog7style/images/common/sg_trans.gif" width="550" height="182" title="22个所见即所得在线&nbsp;&lt;wbr&gt;Web&nbsp;&lt;wbr&gt;编辑器" style="border-bottom:black 1px solid; border-left:black 1px solid; border-top:black 1px solid; border-right:black 1px solid"></p>
<p>免费,开源,轻量,基于 JavaScript高度可定制跨平台。</p>
<h3>2. <a target="_blank" href="http://www.fckeditor.net/">FCKEditor</a></h3>
<p><img alt="FCKEditor" src="http://simg.sinajs.cn/blog7style/images/common/sg_trans.gif" width="550" height="176" title="22个所见即所得在线&nbsp;&lt;wbr&gt;Web&nbsp;&lt;wbr&gt;编辑器" style="border-bottom:black 1px solid; border-left:black 1px solid; border-top:black 1px solid; border-right:black 1px solid"></p>
<p>免费,开源,用户量庞大,有良好的社区支持。</p>
<h3>3. <a target="_blank" href="http://developer.yahoo.com/yui/editor/">YUIEditor</a></h3>
<p><img alt="YUI Editor" src="http://simg.sinajs.cn/blog7style/images/common/sg_trans.gif" width="550" height="180" title="22个所见即所得在线&nbsp;&lt;wbr&gt;Web&nbsp;&lt;wbr&gt;编辑器" style="border-bottom:black 1px solid; border-left:black 1px solid; border-top:black 1px solid; border-right:black 1px solid"></p>
<p>属于 Yahoo! YUI 的一部分,能输出纯净 XHTML 代码。</p>
<h3>4. <a target="_blank" href="http://nicedit.com/">NicEdit</a></h3>
<p><img alt="NicEdit" src="http://simg.sinajs.cn/blog7style/images/common/sg_trans.gif" width="550" height="120" title="22个所见即所得在线&nbsp;&lt;wbr&gt;Web&nbsp;&lt;wbr&gt;编辑器" style="border-bottom:black 1px solid; border-left:black 1px solid; border-top:black 1px solid; border-right:black 1px solid"></p>
<p>简单,易用,轻量,外观漂亮。</p>
<h3>5. <a target="_blank" href="http://kupu.oscom.org/">Kupu</a></h3>
<p><a target="_blank" href="http://en.wikipedia.org/wiki/Kupu"><img alt="Kupu" src="http://simg.sinajs.cn/blog7style/images/common/sg_trans.gif" width="550" height="168" title="22个所见即所得在线&nbsp;&lt;wbr&gt;Web&nbsp;&lt;wbr&gt;编辑器" style="border-bottom:black 1px solid; border-left:black 1px solid; border-top:black 1px solid; border-right:black 1px solid"></a></p>
<p>开源,支持 Ajax 保存,跨平台,易于集成,由 <acronym title="International Association for Open Source Content Management">
OSCOM推出。<br>
</acronym></p>
<h3>6. <a target="_blank" href="http://www.freerichtexteditor.com/">Free Rich TextEditor</a></h3>
<p><a target="_blank" href="http://www.freerichtexteditor.com/"><img alt="Free Rich Text Editor" src="http://simg.sinajs.cn/blog7style/images/common/sg_trans.gif" width="550" height="151" title="22个所见即所得在线&nbsp;&lt;wbr&gt;Web&nbsp;&lt;wbr&gt;编辑器" style="border-bottom:black 1px solid; border-left:black 1px solid; border-top:black 1px solid; border-right:black 1px solid"></a></p>
<p>非常容易部署,输出 XHTML 代码,功能丰富。</p>
<h3>7. <a target="_blank" href="http://www.webwizguide.com/webwizrichtexteditor/">
WebWizRichTextEditor</a></h3>
<p><img alt="WebWiz RichTextEditor" src="http://simg.sinajs.cn/blog7style/images/common/sg_trans.gif" width="550" height="145" title="22个所见即所得在线&nbsp;&lt;wbr&gt;Web&nbsp;&lt;wbr&gt;编辑器" style="border-bottom:black 1px solid; border-left:black 1px solid; border-top:black 1px solid; border-right:black 1px solid"></p>
<p>这是一个商业产品,并不免费,但功能非常丰富,基于 ASPJavaScript 和 DHTML。</p>
<h3>8. <a target="_blank" href="http://xstandard.com/">XStandard</a></h3>
<p><img alt="XStandard" src="http://simg.sinajs.cn/blog7style/images/common/sg_trans.gif" width="550" height="109" title="22个所见即所得在线&nbsp;&lt;wbr&gt;Web&nbsp;&lt;wbr&gt;编辑器" style="border-bottom:black 1px solid; border-left:black 1px solid; border-top:black 1px solid; border-right:black 1px solid"></p>
<p>故名思意,这个编辑器会生成符合标准的纯净 XHTML 代码。</p>
<h3>9. <a target="_blank" href="http://avidansoft.com/dsrte/">Damn Small Rich TextEditor</a></h3>
<p><img alt="Damn Small Rich Text Editor" src="http://simg.sinajs.cn/blog7style/images/common/sg_trans.gif" width="550" height="150" title="22个所见即所得在线&nbsp;&lt;wbr&gt;Web&nbsp;&lt;wbr&gt;编辑器"></p>
<p>基于 jQuery 和 PHP 后台,非常小巧(~18K但功能丰富。</p>
<h3>10. <a target="_blank" href="http://www.themaninblue.com/experiment/widgEditor/">
WidgEditor</a></h3>
<p><img alt="WidgEditor" src="http://simg.sinajs.cn/blog7style/images/common/sg_trans.gif" width="550" height="161" title="22个所见即所得在线&nbsp;&lt;wbr&gt;Web&nbsp;&lt;wbr&gt;编辑器" style="border-bottom:black 1px solid; border-left:black 1px solid; border-top:black 1px solid; border-right:black 1px solid"></p>
<p>简单,易用,开源,即使浏览器不支持 JavaScript仍能很好地工作。</p>
<h3>11. <a target="_blank" href="http://www.kevinroth.com/rte/">Kevin Roths CrossBrowser Rich Text Editor</a></h3>
<p><img alt="Kevin Roths Cross Browser Rich Text Editor" src="http://simg.sinajs.cn/blog7style/images/common/sg_trans.gif" width="550" height="234" title="22个所见即所得在线&nbsp;&lt;wbr&gt;Web&nbsp;&lt;wbr&gt;编辑器" style="border-bottom:black 1px solid; border-left:black 1px solid; border-top:black 1px solid; border-right:black 1px solid"></p>
<p>一个不错的编辑器,支持皮肤,符合 XHTML 标准,跨浏览器兼容,分免费版和收费版两个版本。</p>
<h3>12. <a target="_blank" href="http://www.openwebware.com/">OpenWYSIWYG</a></h3>
<p><img alt="OpenWYSIWYG" src="http://simg.sinajs.cn/blog7style/images/common/sg_trans.gif" width="550" height="136" title="22个所见即所得在线&nbsp;&lt;wbr&gt;Web&nbsp;&lt;wbr&gt;编辑器" style="border-bottom:black 1px solid; border-left:black 1px solid; border-top:black 1px solid; border-right:black 1px solid"></p>
<p>拥有许多出色的功能,容易部署,速度极快。</p>
<h3>13. <a target="_blank" href="http://www.codeplex.com/rte">CodePlex Rich TextEditor</a></h3>
<p><img alt="CodePlex Rich Text Editor" src="http://simg.sinajs.cn/blog7style/images/common/sg_trans.gif" width="550" height="97" title="22个所见即所得在线&nbsp;&lt;wbr&gt;Web&nbsp;&lt;wbr&gt;编辑器" style="border-bottom:black 1px solid; border-left:black 1px solid; border-top:black 1px solid; border-right:black 1px solid"></p>
<p>基于 ASP.NET目前只支持 IE 和 Firefox。</p>
<h3>14. <a target="_blank" href="http://freetextbox.com/">FreeTextBox</a></h3>
<p><img alt="FreeTextBox" src="http://simg.sinajs.cn/blog7style/images/common/sg_trans.gif" width="550" height="161" title="22个所见即所得在线&nbsp;&lt;wbr&gt;Web&nbsp;&lt;wbr&gt;编辑器" style="border-bottom:black 1px solid; border-left:black 1px solid; border-top:black 1px solid; border-right:black 1px solid"></p>
<p>集成了相册,拼写检查等功能,尤其适合 ASP.NET 项目。</p>
<h3>15. <a target="_blank" href="http://www.codeplex.com/richtextedit">SilverlightRich Text Editor</a></h3>
<p><img alt="Silverlight Rich Text Editor" src="http://simg.sinajs.cn/blog7style/images/common/sg_trans.gif" width="550" height="94" title="22个所见即所得在线&nbsp;&lt;wbr&gt;Web&nbsp;&lt;wbr&gt;编辑器" style="border-bottom:black 1px solid; border-left:black 1px solid; border-top:black 1px solid; border-right:black 1px solid"></p>
<p>适合与微软的 Silverlight 一起使用,功能丰富,不过,&#20284;乎原作者已经不再更新这个项目了。</p>
<h3>16. <a target="_blank" href="http://www.bitfluxeditor.org/">BXE (BitfluxEditor)</a></h3>
<p><img alt="BXE (Bitflux Editor)" src="http://simg.sinajs.cn/blog7style/images/common/sg_trans.gif" width="550" height="94" title="22个所见即所得在线&nbsp;&lt;wbr&gt;Web&nbsp;&lt;wbr&gt;编辑器" style="border-bottom:black 1px solid; border-left:black 1px solid; border-top:black 1px solid; border-right:black 1px solid"></p>
<p>从 2002 年以来一直开源,拥有一批非常忠实的用户和社区,据称是目前最好的 WYSIWYG 编辑器之一。</p>
<h3>17. <a target="_blank" href="http://markitup.jaysalvat.com/home/">MarkItUp!</a></h3>
<p><img alt="MarkItUp!" src="http://simg.sinajs.cn/blog7style/images/common/sg_trans.gif" width="550" height="236" title="22个所见即所得在线&nbsp;&lt;wbr&gt;Web&nbsp;&lt;wbr&gt;编辑器" style="border-bottom:black 1px solid; border-left:black 1px solid; border-top:black 1px solid; border-right:black 1px solid"></p>
<p>基于 jQuery轻量支持键盘快捷键支持多种代码包括 <acronym title="Hypertext Markup Language">HTML</acronym>, Textile, Wiki Syntax,Markdown, BBcode。</p>
<h3>18. <a target="_blank" href="http://dojotoolkit.org/book/dojo-book-0-9/part-2-dijit/advanced-editing-and-display/editor-rich-text">
Dijit Editor for Dojo</a></h3>
<p><img alt="Dijit Editor for Dojo" src="http://simg.sinajs.cn/blog7style/images/common/sg_trans.gif" width="550" height="100" title="22个所见即所得在线&nbsp;&lt;wbr&gt;Web&nbsp;&lt;wbr&gt;编辑器" style="border-bottom:black 1px solid; border-left:black 1px solid; border-top:black 1px solid; border-right:black 1px solid"></p>
<p>基于 Dojo JavaScript 框架,输出干净 HTML 代码,支持插件,拥有清新的按钮。</p>
<h3>19. <a target="_blank" href="http://www.cdolivet.com/editarea/editarea/docs/">
EditArea</a></h3>
<p><img alt="EditArea" src="http://simg.sinajs.cn/blog7style/images/common/sg_trans.gif" width="550" height="98" title="22个所见即所得在线&nbsp;&lt;wbr&gt;Web&nbsp;&lt;wbr&gt;编辑器" style="border-bottom:black 1px solid; border-left:black 1px solid; border-top:black 1px solid; border-right:black 1px solid"></p>
<p>易于集成,干净代码,实时语法加亮,自动缩进,多语种支持,多实例支持,全屏模式等功能。</p>
<h3>20. <a target="_blank" href="http://www.wymeditor.org/">WYMeditor</a></h3>
<p><img alt="WYMeditor" src="http://simg.sinajs.cn/blog7style/images/common/sg_trans.gif" width="550" height="124" title="22个所见即所得在线&nbsp;&lt;wbr&gt;Web&nbsp;&lt;wbr&gt;编辑器" style="border-bottom:black 1px solid; border-left:black 1px solid; border-top:black 1px solid; border-right:black 1px solid"></p>
<p>输出干净的 XHTML &#43; SCTRICT 代码,注重结构与语义,在输出结构化 XHTML 代码方面是最佳方案。</p>
<h3>21. <a target="_blank" href="http://www.unverse.net/whizzywig-cross-browser-html-editor.html">
Whizzywig</a></h3>
<p><img alt="Whizzywig" src="http://simg.sinajs.cn/blog7style/images/common/sg_trans.gif" width="550" height="161" title="22个所见即所得在线&nbsp;&lt;wbr&gt;Web&nbsp;&lt;wbr&gt;编辑器" style="border-bottom:black 1px solid; border-left:black 1px solid; border-top:black 1px solid; border-right:black 1px solid"></p>
<p>多浏览器支持Web 安全色选择器,支持表&#26684;图片Word 代码清洁,拼写检查等功能。</p>
<h3>22. <a target="_blank" href="http://xinha.webfactional.com/">Xinha</a></h3>
<p><img alt="Xinha" src="http://simg.sinajs.cn/blog7style/images/common/sg_trans.gif" width="550" height="152" title="22个所见即所得在线&nbsp;&lt;wbr&gt;Web&nbsp;&lt;wbr&gt;编辑器" style="border-bottom:black 1px solid; border-left:black 1px solid; border-top:black 1px solid; border-right:black 1px solid"></p>
<p>基于 <a target="_blank" href="http://www.opensource.org/licenses/bsd-license.html">
</a><a target="_blank" href="http://www.opensource.org/licenses/bsd-license.html">BSD协议</a>,易于部署与扩展,拥有很好的社区支持。</p>
</div>