推荐一款精巧易用的XHTML编辑器-xheditor

又一个可视化XHTML编辑器，相比TinyMCE等来说，优点在于精巧、调用简单、代码少、提供UBB可视化解决方案。

以下为官方描述的优点：

• Small：初始加载5个文件，包括：1个js(36k)+2个css(6k)+2个图片(4k)，总共46k。若js和css文件进行gzip压缩，可以进一步缩减为18k左右。
• Fast：基于jQuery引擎开发，提供高效的代码执行效率
• Simple：简单的调用方式，加一个class属性就能将您的textarea立马变成一个功能丰富的可视化编辑器。
• Word：实现Word代码自动检测并清理，提供高效完美的Word代码过滤方案，生成代码最优化精简，但是却不丢失任何细节效果。
• UBB: 提供完美的UBB可视化编辑解决方案，在您获得安全高效代码存储的同时，又能享受可视化编辑的便捷

项目地址：
http://code.google.com/p/xheditor/

体验地址如下：

• 默认模式：http://static.pirate9.com/js/xheditor_demos/demo1.html
• 自定义按钮：http://static.pirate9.com/js/xheditor_demos/demo2.html
• 皮肤选择：http://static.pirate9.com/js/xheditor_demos/demo3.html
• 其它选项：http://static.pirate9.com/js/xheditor_demos/demo4.html
• Javascript交互：http://static.pirate9.com/js/xheditor_demos/demo5.html
• 非utf-8编码网页调用：http://static.pirate9.com/js/xheditor_demos/demo6.html
• UBB可视化编辑：http://static.pirate9.com/js/xheditor_demos/demo7.html

让我最喜欢的就是可以直接使用class进行把现有的textarea标签直接格式化为可视化编辑器
在head区域增加JS引用
<script type="text/javascript" src="../jquery.js"></script>
<script type="text/javascript" src="../xheditor.js"></script>

在textarea标签标注如下：
xheditor(默认完全):<br />
<textarea id="elm1" name="elm1" class="xheditor" rows="12" cols="80" style="width: 80%"> </textarea><br />
<br />
xheditor-simple(简单):<br />
<textarea id="elm2" name="elm2" class="xheditor-simple" rows="12" cols="80" style="width: 80%"> </textarea>
<br /><br />
xheditor-mini(迷你):<br />
<textarea id="elm3" name="elm3" class="xheditor-mini" rows="12" cols="80" style="width: 80%"></textarea>

是不是很简单，只需要为class指定 xheditor 、xheditor-mini 、 xheditor-simple 相应值即可。此中模式下不支持定制。

若您也在寻找一款简单、小巧的可视化编辑器，不妨也试用一下。