81 lines
12 KiB
HTML
81 lines
12 KiB
HTML
|
||
|
||
<div id="sina_keyword_ad_area2" class="articalContent ">
|
||
<p>这些 Web 编辑器可以在线编辑和处理富 Web 内容，包括格式文本，表格，图片，媒体，链接等等，非常适合集成到 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个所见即所得在线 <wbr>Web <wbr>编辑器" 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个所见即所得在线 <wbr>Web <wbr>编辑器" 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个所见即所得在线 <wbr>Web <wbr>编辑器" 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个所见即所得在线 <wbr>Web <wbr>编辑器" 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个所见即所得在线 <wbr>Web <wbr>编辑器" 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个所见即所得在线 <wbr>Web <wbr>编辑器" 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个所见即所得在线 <wbr>Web <wbr>编辑器" 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个所见即所得在线 <wbr>Web <wbr>编辑器" style="border-bottom:black 1px solid; border-left:black 1px solid; border-top:black 1px solid; border-right:black 1px solid"></p>
|
||
<p>这是一个商业产品，并不免费，但功能非常丰富，基于 ASP，JavaScript 和 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个所见即所得在线 <wbr>Web <wbr>编辑器" 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个所见即所得在线 <wbr>Web <wbr>编辑器"></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个所见即所得在线 <wbr>Web <wbr>编辑器" 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 Roth’s CrossBrowser Rich Text Editor</a></h3>
|
||
<p><img alt="Kevin Roth’s Cross Browser Rich Text Editor" src="http://simg.sinajs.cn/blog7style/images/common/sg_trans.gif" width="550" height="234" title="22个所见即所得在线 <wbr>Web <wbr>编辑器" 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个所见即所得在线 <wbr>Web <wbr>编辑器" 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个所见即所得在线 <wbr>Web <wbr>编辑器" 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个所见即所得在线 <wbr>Web <wbr>编辑器" 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个所见即所得在线 <wbr>Web <wbr>编辑器" style="border-bottom:black 1px solid; border-left:black 1px solid; border-top:black 1px solid; border-right:black 1px solid"></p>
|
||
<p>适合与微软的 Silverlight 一起使用，功能丰富，不过，似乎原作者已经不再更新这个项目了。</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个所见即所得在线 <wbr>Web <wbr>编辑器" 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个所见即所得在线 <wbr>Web <wbr>编辑器" 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个所见即所得在线 <wbr>Web <wbr>编辑器" 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个所见即所得在线 <wbr>Web <wbr>编辑器" 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个所见即所得在线 <wbr>Web <wbr>编辑器" style="border-bottom:black 1px solid; border-left:black 1px solid; border-top:black 1px solid; border-right:black 1px solid"></p>
|
||
<p>输出干净的 XHTML + 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个所见即所得在线 <wbr>Web <wbr>编辑器" style="border-bottom:black 1px solid; border-left:black 1px solid; border-top:black 1px solid; border-right:black 1px solid"></p>
|
||
<p>多浏览器支持，Web 安全色选择器，支持表格，图片，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个所见即所得在线 <wbr>Web <wbr>编辑器" 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>
|
||
|