原作者：宁采臣

前几天专门找过Web上用的编辑器，即 Web HTML Editor，当时找到了有好几款开被选．在一个论坛的讨论中发现了widgEditor，以小巧、快速、规范著称，正符合我的需求。

按照它的ReadMe进行安装，非常简单，几分钟后我的Blog就用上了widgEditor。下面简要说一下：

1、下载widgEidtor到本地(废话:-))，是一个zip包，解压到Web项目的目录下

2、在要用到这个编辑器的页面头部加入CSS和JavaScript的链接，例如：
<link href="/widgEditor/css/widgEditor.css" rel="stylesheet" type="text/css"/>
<script language="JavaScript" src="/widgEditor/scripts/widgEditor.js"></script>

3、给要转变成widgEditor的任意textarea标签加上 class="widgEditor" 的属性，例如：
<textarea rows="20" cols="55" name="content" class="widgEditor"></textarea>

4、已经可以用了，用浏览器打开相应页面看看

5、要配置显示风格，请编辑css/widgEditor.css文件，要定制功能，编辑scripts/widgEditor.js文件。建议把widgAutoClean设成true，这样编辑时可以得到很好的效果。编辑器里面的内容显示风格由css/widgContent.css控制，最好将它与页面的显示风格保持一致，实现真正的所见即所得，呵呵。

下载 WidgEditor – A simple, semantic HTML WYWISWYG editor