目前，所见即所得的文本编辑器已经在网上广泛流传，而且都很优秀。个人用过如下：第一次接触是ewebeditor，在我的毕业设计中用过。当时我是顺便选的，对这种东西不太了解。现在这个编辑挺猛的；后来，我们在工作中使用FCKEdier的原因很简单。这个文本编辑器已经有了相应的ASP.NET服务器端控件，并且打包得很好。但是毕竟是打包控件，有一定的局限性。目前，这个文本编辑器已经完全修改，现在它的名字是CKEdier。现在我们公司的项目也用这个。出于同样的原因，它已经打包好了，并且足够强大。但是，我个人并不喜欢这两个文本编辑器。我说不出原因。它们可能太大了。我一般不爱太大的东西。我在前一家公司做了两个项目，在项目中使用了KindEditor，在zcool上可以看到。挺小巧漂亮的，插件界面也很好。当时这个项目用的是ASP.NET MVC，所以我不太在意服务器端的那些控件，这是我自己的项目，所以我肯定想尝试一些自己的东西，我得出的结论是这是一个很好的文本编辑器，和她的名字一样和蔼可亲。我忘了在那里见到xheditor。这是一个新的所见即所得文本编辑器。感觉比kindediter还小。它是基于jquery开发的，但是它拥有所有常用的功能。而且插件接口相当优秀(可能其他的比较好，但是我不知道)，API文档也很好，不用思考就能理解。提供的几套皮肤也很好很简单，和界面很匹配。之前用的是1.0版本，发现chrome1.7版本有BUG，无法上传文件。昨天群里有人问如何得到这个文字编辑的插件。给出答案后，我也去官网看了一下，发现有更新，这个BUG已经修复了(上传的图片文件名中文好像还是有些问题.).之前不太在意的BUG也修复了，所以也果断更新了(我在想。

关于xheditor:官方主页：http://xheditor.com/演示演示：http://xheditor.com/demo API文档：http://xheditor.com/manual PS:使用这个编辑器，结合另一个组件SyntaxHighlighter(一个用于高亮显示代码文本的js组件)，我做了一个简单的插件，就是可以在文本编辑器中插入一段代码，然后高亮显示代码。说白了，就是输入一个字符串，对字符串进行必要的修改，然后插入光标所在的文本编辑器--！有了xheditor提供的插件接口，你可以三两次搞定小鸟。插件代码如下：1。首先，定义插件样式，具体来说，定义一个CSS类。代码大致如下：定义插件样式的css代码Copy代码如下： Style Type=' text/CSS '。Coderplugin {br/*定义插件按钮的图片，自己找就行了*/后台：透明URL(././images/script code . png)No-repeat 16px 16px；背景-位置：2 px 2px；} /style 2，然后定义插件，首先确定插件的名称(这里命名为higlighe)，然后定义与创建相关的参数(详见xheditor的api文档)，其中一个名为c的参数是指插件的CssClass，这里使用上面定义的Class，名为e的参数是关键点，实现了插件的逻辑。在其中，您经常需要调用xheditor的api，所以您只需要在编写时进行检查。代码大致如下：定义插件的javascript代码复制如下：//VAR Coder Plugin={ highlight : { c : ' Coder Plugin '，T:' insert code '，s: null，h: 1，e : function(){ VAR _ this=this；var selectHTMl=' select id=' xHeecodelanges '；select HTMl=' option value=' c# ' c#/option '；selectHTMl=' option value=' JavaScript ' js/option '；select HTMl=' option value=' CSS ' CSS/option '；select HTMl=' option value=' SQL ' SqL/option '；selectHtml='选项值=' HTMl ' HTMl/选项'；select HTMl=' option value=' XML ' XMl/option '；select HTMl='/select '；Var jTest=$('div，请输入代码' select html '/div divtextareaid=' xhetestinput ' style=' width :480 px；' height:320px'/text area/div div style=' text-align : right；输入类型=' button ' id=' xhesave ' value=' confirm '//div ')；var jTestInput=$('#xheTestInput '，jTest)，jSave=$('#xheSave '，jTest)；jsave . click(function(){ var input code=jtestinput . val()；input COde=' div style=' border 3360 solid # CCC 1px；宽度：98%；飞越： auto；' ' div style=' background-color : # DDD；border-bottom : solid 1px # CCC；线高：1.5 em；text-indent :0.5 em；$(' # xHeecodelangages ')。val()“code/div”pre class=“brush :”$(“# xhecodelanguages”)。val()' ' '输入代码。替换(//g ' ')。替换(//。_ this . LoadBookmark()；_ this . PasteHTML(InputCode)；_ this . HidePanel()；返回false});_ this . showdialog(Jtest)；} } };3.使用自定义插件。这里，只需为xheditor的一个参数赋值，并将我们定义的插件赋给过去。代码大致如下(这里只列出调用插件的参数，但一般不会设置与文件上传相关的参数):调用自定义插件的javascript代码复制如下： $ ('# yourtextarea ')。xHeditor({ plugins 3333 })。4.使用后一般效果如下：。

毕竟是一个比较年轻的文本编辑器，但是我更喜欢的是基于jquery的开发(可能很多人不喜欢)，期待这个组件的不断完善！