在IE、Gecko、WebKit下执行execCommand的常用效果差别。

我们经常会用到bSuccess = object.execCommand(sCommand [, bUserInterface] [, vValue])方法去处理Html数据。

具体参见 http://blog.csdn.net/chajn/archive/2010/10/25/5963696.aspx

 

但是另我们头疼的是它在各浏览器内核下生成的代码不同，导致了在兼容性上效果和数据的缺失。

 

下面是常见数据处理的几个不同之处。

 

1. 字体大小 FontSize
2. 粗体 Bold
3. 颜色 ForeColor
4. 下划线 Underline
5. 斜线 Italic
6. 左中右 JustifyLeft JustifyCenter JustifyRight
7. 列表模式 InsertOrderedList InsertUnorderedList
8. 缩进 Indent Outdent

 

 

IE

1. <font size="7"></font> 
2. <STRONG></STRONG>
3. <FONT color=#1ea535></FONT>
4. <U></U>
5. <EM></EM>
6. <P align=left></P> <P align=center></P> <P align=right></P>
7. <OL><LI></LI></OL> <UL><LI></LI></UL>
8. <BLOCKQUOTE style="MARGIN-RIGHT: 0px" dir=ltr></BLOCKQUOTE>

 

Gecko

 

//如果在Gecko环境下执行document.execCommand('useCSS', false, false);方法，则处理方式与IE相同。

否则为下。注，默认为span表片但如果父节点是div,p,font等，也可能会自动加载到父节点，所以是否为span标签不固定。

 

1. 同IE。
2. <span style="font-weight: bold;"> </span>
3. 同IE。
4. <span style="text-decoration: underline;"> </span>
5. <span style="font-style: italic;"> </span>
6. <span style="text-align: center;"></span> //left,center,right
7. 同IE。
8. <div style="margin-left: 40px;"></div>

 

WebKit

 

1. <span class="Apple-style-span" style="font-size: x-small;"></span>// x-small,small,medium,large,x-large, xx-large,-webkit-xxx-large.是否有webkit前缀不固定，但如果加上了webkit，则在IE下无法正常监测。
2. <b></b>
3. <font class="Apple-style-span" color="#2D9F93"></font>
4. <u></u>
5. <i></i>
6. 同gecko
7. 同IE
8. <blockquote class="webkit-indent-blockquote" style="margin: 0 0 0 40px; border: none; padding: 0px;"></blockquote>

 

对于格格不入的各个浏览器的傲娇之状态，相信大家都曾被折磨的死去活来，还有在制作编辑器时候的光标问题和按Enter时所产生的差异更加另人烦恼。所以有必要去处理一下，以完成在各个浏览器下代码的统一。