Question

我有这个内容可以使用div。

<div id="article-body" className="content-body" contentEditable={true} spellCheck={true} onKeyUp={this._onChange} dangerouslySetInnerHTML={{ __html: update_form.body }}>
</div>

这个div看起来像一个文本区域。所以我想在输入过程中，当有人试图粘贴任何具有不同字体系列或样式的段落时，我希望将字体系列或样式保留为其默认字体系列或样式，具体取决于它的设置方式。

有人可以帮我这个吗？

Answer 1

我明白了。我没有完全跨浏览器测试的一个选项是使用input事件，抓住event.target.innerText（只是没有样式的文本），然后设置{{1具有该值的元素。

innerText

var editable = document.getElementById('editable');

editable.addEventListener('input', function(event) {
  editable.innerText = event.target.innerText;
});

div {
  font-family: "Comic Sans MS", cursive, sans-serif;
  color: red;
}

在可编辑的<div>中粘贴不同的字体样式时，字体系列仍然是相同的

1 个答案: