ckeditor KindEditor eWebEditor WQeditor FreeTextbox Tinymce 几款在线编辑器的比较（附各版本demo下载地址）

占位，正在整理

1.ckeditor 

 

 

 2.KindEditor 

 先发一个图上来，下午再写配置

 

由于kindeditor的版本和其说明无法对应，其实我是根本没找到.net版本的配置说明，网上主要有两种配置方法，一种我配置完后所有弹出按钮都不能用，判断是js的问题，另外一种编译后一直说KE未定义，判断也是js的问题，最后从csdn上下了一个配置好的，然后经过我修改后就是下面图片的样子了

 

其中原来是用的是textarea并不是服务器控件，因此有些属性什么的很难设置，我也修改成了textbox控件，使用起来和textbox基本没有区别

 

另外也没添加什么引用，直接把handler  kindeditor  upload三个文件夹添加到项目里就行了

 

总体说来kind配置是最简单的，但是也不支持图文混排是个问题

 

KindEditor demo下载http://download.csdn.net/detail/spritenet/4663461

 

 

 3.WQeditor

 

 我又回来了，继续写关于WQeditor V2.0的

我怎么也没找找到WQeditor 的官方主页，因此一些东西也是自己摸索出来的，不一定正确，请大家指教

配置如下：

1.App_Web_wqeditorinsertserver.aspx.d2b096c4.dll和WQeditor.dll引入

2.将WQeditor.dll添加到【选择项】里

3.在web.config加入

		<pages>
			<controls>
				<add namespace="WQeditor" tagPrefix="WQ" assembly="WQeditor"/>
			</controls>
		</pages>

 

4.然后拖到页面就行了

 

但是拖入到页面会出现【创建控件时出错】的提示，网上说建议用<WQ:WQTextBox ID="xxx" runat="server"></WQ:WQTextBox>

但是我试了试都是一样，有提示，这个可以不用管

 

然后编译运行就行

 

界面很清爽，但是也没发现图文混排的功能，当点上传的时候出问题了，会出现【不支持此类上传文件】，好吧，中断，打开控件所在的cs页

WQeditor还是有很多属性的，其中一条是显示上传类型的属性：

xxx.UploadFileExtension = ".rar|.js|.html|.aspx";（原来的资料是xxx.ReadFileUploadFileExtension = ".rar|.js|.html|.aspx";但是真正的属性是UploadFileExtension）

原来的注释是：【表示，只允许WQeditor控件上传rar,js,html,aspx文件,扩展名类型用|隔开，（默认只允许上传gif,jpg,png,bmp文件)】

但是为什么默认时jpg也没法上传呢？

 

编译后发现UploadFileExtension只能控制一种类型的文件，用【|】分割也是没用

 

xxx.UploadFileExtension =“jpg”这样运行后就可以上传jpg文件，但是有且只能上传【jpg】文件，如果想上传其他类型文件， xxx.UploadFileExtension =“png”  xxx.UploadFileExtension =“rar”，但是，它只认最后一条的类型。。。。。。。明白？

如果xxx.UploadFileExtension =“png” ；xxx.UploadFileExtension =“rar”同时存在，只能上传rar的

 

 

 WQeditor DEMO下载地址：http://download.csdn.net/detail/spritenet/4662311

 

 

 

4. eWebEditor

 

 

我用的版本是【asp.net版的eWebEditor+v4.6+最新完整破解版+eWebEditor.Net】

下载地址你们懂的

 

如果配置完后出现脚本错误，比如 【缺少对象  eWebEditorExt/jc_editor/js/editor.js】这类现象统称为【eWebEditor IE8 所有按钮无效】

 

解决方法如下：

把

if (element.YUSERONCLICK) eval(element.YUSERONCLICK + "anonymous()");

 

改为

 

if(navigator.appVersion.match(/MSIE (7|8)\./i)!=null){
    if (element.YUSERONCLICK) eval(element.YUSERONCLICK + "onclick(event)"); 
}else{
    if (element.YUSERONCLICK) eval(element.YUSERONCLICK + "anonymous()");
} 

 

错误原因

据说为ie8屏蔽了anonymous方法 所以要改成onclick方法，打开eWebEditorExt\jc_editor\js下面的editor.js文件，有这样的一段代码(大概在172行所在的函数中 =。=

 

我现在继续测试官方版的....................

=================================================

 我回来了。。。。。。。。。。

官方版的没有图片上传功能。。。。。。。。我想说。。。。。。。。。。

还是用破解版的吧

 

eWebEditor demo下载地址：http://download.csdn.net/detail/spritenet/4662312 

 

 

 

5.FreeTextbox

直接抛弃，从06年至今没有发现有上传图片的功能，目前貌似也没有

 

 

 

 

6.Tinymce

这个编辑器是我中午翻资料偶然看见的，既然有些人对他评价还可以，因此我就拿来试了试

网上的一些资料基本上都停留在2011年，而且是这个抄这个，这个抄那个，真正有用的并不多，在此我参考了以下几位同学的博客，再次谢谢各位

http://blog.csdn.net/chenloveyue/article/details/7039913

http://blog.csdn.net/salc3k/article/details/5341593

http://hi.baidu.com/honfei/item/267e3dd128d934866dce3fbe

http://www.hnonl.com/jonllen/article/66.aspx?display=2

 

我用的版本是tinymce_3_0_8  官网上有最近版本的，但是木有汉化，而且也没找到相应的说明文档

总体说来这个Tinymce和KindEditor 配置使用起来都比较简单，而且Tinymce还提供两种定义好的模式，一个是专业版,就是所有功能都有的，一种是精简版，只有6.7个功能，当然Tinymce最大的优势在于可以很方便的调整控件，通过plugins : "safari,spellchecker,pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template,imagemanager,filemanager",就可以很轻松的控制要显示的功能

说说目前发现的缺点：

1.没有图片上传功能

2.没有图文混排

3.css的定义太多

4.最要命的是我居然发现没有设置字体颜色和背景颜色的控件，这让我很纳闷

图片如下：

 

 

tinymce asp.net 配置demo下载：http://download.csdn.net/detail/spritenet/4664370