Javascript &引用；“非柱式”；在contexteditable div中粘贴的文本

我有一个

div

，其

contexteditable

设置为true，并带有一个特殊的谷歌网页字体集。现在，当用户从具有不同字体的不同来源粘贴文本时，它会在我的div中以不同的字体显示，在粘贴文本时，如何将字体更改为我的div的默认字体

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

更新链接：

它去掉了粘贴中包含的字体族样式。显然，您也可以显式地将其更改为其他字体，但是完全删除它会强制它继承您在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, '');
});

---

它无法删除div中的所有元素，因为我在其中有
当插入此代码时停止工作；希望对您有所帮助。：）