KindEditor是简单的在线HTML编辑器,支持目前流行的大部分浏览器,主要优势在于简单、快速、定制方便,非常适合博客、SNS日记、WEB邮箱等互联网网站。
3.1.1版本初始化时被GZIP压缩以后总大小为22KB,分别为1个JavaScript文件,2个CSS文件,2个gif图片,目前国内的ADSL宽带速度下基本上可以瞬间打开。
不足的地方是:
1. 每个浏览器生成的HTML不一致。
2. UNDO/REDO无法保存SELECTION。
3. 不支持快捷键。
4. 界面不够美观。
5. 程序特殊处理较多,可读性不好。
下一步开发重点为保持简单、快速的前提下,尽量生成标准XHTML,并自由地定制输出的XHTML,完全分离plugin和核心程序,简化CSS文件。
下面简单说明一下输出XHTML的原理。
目前大部分轻量级编辑器都靠浏览器提供的execCommand来完成大部分HTML生成操作,execCommand每个浏览器生成的代码不太一样,导致生成不一致、不标准的代码。TinyMCE、FCKeditor生成标准一致的XHTML,但随之而来的是程序体积变大,代码臃肿。
编辑时直接生成XHTML难度很大,因为几乎所有execCommand都要用JavaScript DOM来实现。一种不太好的方法是编辑期间仍然使用浏览器的execCommand,最后提交代码时用正则等方式把代码转换成XHTML,不过代码模式切换,在转换后的代码上进行操作等都会出现一系列的问题。
例如,有以下HTML代码
<span style="color:#ff0000;">文字颜色</span>
在IE下选中文字,用execCommand的forecolor修改文字颜色,代码会变成这样。
<span style="color:#ff0000;"><font color="#0021b0">文字颜色</font></span>
不管在用什么浏览器,理想的代码是
<span style="color:#0021b0;">文字颜色</span>
除此之外,还需要考虑各种效果(文字颜色、背景颜色、文字大小等)交叉使用,粘贴不规则有缺陷的HTML等情况。
- 大小: 20.6 KB
分享到:
相关推荐
Laravel开发-laravel5-kindeditor Laravel 5 KindEditor的最佳HTML编辑器
KindEditor ASP.NET 本ASP.NET程序是演示程序,建议不要直接...2. 将kindeditor/asp.net/bin目录下的dll文件复制到wwwroot/bin目录下。 3. 打开浏览器,输入http://localhost:[P0RT]/kindeditor/asp.net/demo.aspx。
CHEditor是一款韩国人开发的收费编辑器,KindEditor 2.x参考了CHEditor的UI和部分代码。 3. TinyMCE http://tinymce.moxiecode.com/ TinyMCE是一款非常优秀的编辑器,KindEditor 2.x和3.x参考了TinyMCE的UI和部分...
解决了kindEditor在.net中的图片上传问题,和页面回传后数据丢失问题,封装了kindEditor一些属性,使用的时候注意:我这个是在vs2005里面编码的,如果是vs2008打不开的话,可以把ProUI添加到你自己的vs2008项目里面...
KindEditor非常适合在CMS、商城、论坛、博客、Wiki、电子邮件等互联网应用上使用,2006年7月首次发布2.0以来,KindEditor依靠出色的用户体验和领先的技术不断扩大编辑器市场占有率,目前在国内已经成为最受欢迎的...
1.将以下的JAR包放到工程的lib目录下 * commons-fileupload-1.2.1.jar * commons-io-1.4.jar * kindeditorservlet.jar 2.web.xml 的servlet及相关属性设置 <!-- 图片上传的SERVLET --> <servlet-name>...
kindEditor使用说明书 kindEditor使用说明书 kindEditor使用说明书 kindEditor使用说明书
* 主要研究erp,cms,crm,b2b,oa等系统和网站的开发,欢迎有共同追求和学的IT人员一起学习和交流。 * 学习和讨论有关asp.net mvc ,Ajax ,jquery ,xml ,sqlserver ,wpf,IIS相关技术的交流和学习。
说明文件在根目录下kindeditor-2.5.6/docs/README.txt 例子在根目录下kindeditor-2.5.6/demo/目录中有几个例子 另外一提的是根目录下核心文件KindEditor.js不要直接拷贝,而是自己建立一个KindEditor.js文件,然后把...
kindeditor本地上传图片支持token字段,kindeditor本身图片上传并无token参数,本资源利用原生ajax改造上传代码。
kindeditor 富文本编辑,加入了截图粘贴功能
KindEditor非常适合在CMS、商城、论坛、博客、Wiki、电子邮件等互联网应用上使用,2006年7月首次发布2.0以来,KindEditor依靠出色的用户体验和领先的技术不断扩大编辑器市场占有率,目前在国内已经成为最受欢迎的...
KindEditor 编辑器
1、复制kindEditor到你web工程的webContent下 2、复制struts需要的jar包和kindEditor必须jar包到lib下,因为它们的jar包邮重复,选择最新的就ok 3、如果需要后台java代码获取内容,可以在action中定义content属性,...
KindEditor使用说明 KindEditor各种属性方法介绍 KindEditor按钮控制
改插件版本4.1.10,支持多语言。里面包含了jar包,源码,demo实例。支持多文件上传管理。
新增: 增加loadStyleMode属性,默认情况下自动加载CSS文件。 新增: 编辑器对象增加isDirty方法,判断编辑器内容是否有修改。 改善: 粘贴MS Word时自动清理Word专用格式代码,生成干净的HTML代码。 改善: 弹出框...
KindEditor配置,KindEditor配置,KindEditor配置,KindEditor配置