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
分享到:
相关推荐
这一步是为了方便在项目中引用编辑器的JavaScript和CSS文件。 2. **引入KindEditor**:在需要使用编辑器的页面中,通过HTML代码引入KindEditor的JavaScript和CSS文件。例如,在`index.php`或对应的视图文件中添加...
* 主要研究erp,cms,crm,b2b,oa等系统和网站的开发,欢迎有共同追求和学的IT人员一起学习和交流。 * 学习和讨论有关asp.net mvc ,Ajax ,jquery ,xml ,sqlserver ,wpf,IIS相关技术的交流和学习。
对于中文编辑器的集成,你需要找到一个适合的开源或商业的富文本编辑器组件,如CKEditor、KindEditor或TinyMCE等,并将其嵌入到Activiti的工作流表单中。这一步通常涉及到前端技术,如JavaScript、HTML和CSS。你可能...
网站整合全新的Kindeditor作为编辑器,兼容所有浏览器,鉴于旧版编辑器对浏览器的限制严格,新版系统彻底抛弃原旧编辑器,更换为更易操作、更方便上手的Kindedit,新的编辑器功能丰富、使用简单、且兼容所有浏览器,...
l JSP、JSTL、jQuery、jQuery plugin、EasyUI、KindEditor(富文本编辑器)、CSS+DIV l Redis(缓存服务器) l Solr(搜索) l httpclient(调用系统服务) l Mysql l Nginx(web服务器) 2.4. 开发...
首先,我们需要了解ECSHOP是一款开源的电子商务平台系统,而UEditor是百度开发的一款JavaScript富文本编辑器,提供了多种配置和插件,适用于网页内容编辑。 **步骤1:下载UEditor** 要开始替换过程,你需要从官方源...
支持常用的商品上下架功能,对于库存不足、季节不适等商品可以暂时下架,下架的信息后台都可以看到,但前台不会显示,如需再次销售,可直接进行上架即可!拥有强大的商品搜索和前台用户订单状态查询方便用户使用。...
网站导航条支持文字式和图片式2类,文字式采用流行的div+css开发设计,界面新颖美观,采用文字式导航条更有利于搜索引擎抓取页面信息,同时程序还支持原有的图片式菜单效果,后台可轻松切换使用,以上2类导航条菜单...