javascript - 使用 document.execCommand 和浏览器兼容性格式化文本

Question

我编写了一小段紧凑的代码来更改所选文本的样式。

这似乎太简单了。

请参阅我的jsfiddle以供引用。

我可以让它在 IE10 和 FF 中工作，但在 IE9 或 Safari 中不起作用。

有什么办法让它与这些浏览器一起工作吗？

谢谢

jsfiddle:http://jsfiddle.net/Yd3u8/27/

$(".styleEvent").click(function(e) {
var styleType = e.target.id;
styleEvent(styleType);

});

function styleEvent(style) {
    document.execCommand(style);
}

Answer 1

尝试这样的事情:

function styleEvent(style) {
document.execCommand(style);
if(style=="subscript"){style="line-through";} 
if(style=="superscript"){style="overline";}
if(style=="bold"){document.getElementById('editor').style.fontWeight= "bold";}
document.getElementById('editor').style.textDecoration=style;
}

工作 fiddle :http://jsfiddle.net/robertrozas/Yd3u8/30/