如何防止 CSS 被粘贴到 contenteditable div

Question

我有一个contenteditable DIV 元素，我不想粘贴 CSS ，基本上只是它只粘贴到innerText ，而不是innerHTML 。 我没有使用任何库，只是纯粹的 Javascript。 目前，如果我要从站点复制一些 CSS 文本，然后将其粘贴到我的 div 元素中，样式也会随之而来。 我想要它，所以如果我要粘贴它，CSS 就不会出现，或者让它这样 CSS 被来自oninput事件的字体/颜色覆盖，我为 div 元素的 ZA2F2ED4F8EBC2CAB1DDC44 放置。 那么，我该怎么做呢？

CSS 用于 DIV 元素：

.mystyle {
    border:4px solid gray;
    background-color: #00000070;
    color: white;
    font-family: 'Courier New', Courier, monospace;
    width: 1245px;
    height: 200px;
    padding: 10px;
    font-size: 14px;
    text-shadow: 3px 3px #3f3f3f;
    text-align: justify;
  }

HTML 代码段：

    <div class="mystyle" contenteditable="true" id="input" 
    oninput='//what to put here?'></div>

Answer 1

试试这个： contenteditable="plaintext-only" 。
不适用于所有浏览器，但适用于 Chrome - 唯一重要的浏览器... :)

发现于： contenteditable - HTML：超文本标记语言 | MDN在“浏览器兼容性”部分。