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

时间:2014-06-24 19:19:10

标签: javascript jquery

我已经整理了一小段代码来改变选择文本的样式。

这似乎太简单了。

请参阅我的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);
}

1 个答案:

答案 0 :(得分: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;
}

工作小提琴:http://jsfiddle.net/robertrozas/Yd3u8/30/