javascript - "Unstyling"在 contenteditable div 中粘贴文本

Question

我有一个 div，其 contexteditable 设置为 true，并设置了特殊的 google web 字体。现在，当用户从具有不同字体的不同来源粘贴文本时，它会在我的 div 中以不同的字体显示，如何在粘贴文本时将字体更改为 div 的默认字体？

jQuery 是最好的，但是，我不太喜欢插件。

Answer 1

更新的链接:http://jsfiddle.net/Kai/vkbuq/

它去掉了粘贴中包含的字体系列样式。显然，您也可以显式地将其更改为其他内容，但完全删除它会强制它继承您在 doc/div 上设置的任何字体:

普通 JS:

var div = document.getElementById('myDiv');

div.addEventListener('keyup', function () {
    this.innerHTML = stripFont(this.innerHTML);
});

function stripFont (html) {
    var re = /(font-family:\s?[\"\'A-Z0-9\s]+);/ig;
    return html.replace(re, '');
}

jQuery:

$('#myDiv').bind('keyup', function () {
    var $this = $(this);

    $this[0].innerHTML = $this[0].innerHTML.replace(/(font-family:\s?[\"\'A-Z0-9\s]+);/ig, '');
});