使用AngularJs在contenteditable div中将html内容粘贴为纯文本

Question

我想要从某个文档（pdf、docx、html）中选择文本，并将其粘贴到内容可编辑的div中。
现在，我想要在它被渲染之前删除剪贴板文本的所有格式。因此，最终粘贴的内容应该是纯文本。
这种情况的类比可以在Windows记事本中粘贴内容。
如何使用AngularJs实现这一点？或者还有其他JavaScript库可以完成这一任务。
更新：我可以使用以下代码将剪贴板作为文本获取：

editor.addEventListener("paste", function(e) {
    // cancel paste
    e.preventDefault();

    // get text representation of clipboard
    var text = e.clipboardData.getData("text/plain");

    // insert text manually
    document.execCommand("insertHTML", false, text);
});

但是我不知道在AngularJS中应该在哪里添加这段代码。

- jsbisht

---

将内容粘贴到HTML文本区域中的操作与粘贴到记事本中的操作相同... - Petr Averyanov

是的，但出于某些原因，我必须使用一个 div。 - jsbisht

但是你期望的行为是什么？用户在Word中选择某些内容，然后转到您的页面并将其Ctrl-v在div中吗？ o_O - Petr Averyanov

@PetrAveryanov 是的，这就是我要找的。 - jsbisht

Answer 1

请看这个答案，您可以捕获粘贴事件。无论是内容可编辑的div还是其他任何东西都没有关系。

JavaScript获取剪贴板数据的粘贴事件（跨浏览器）

- Peter Ashwell

---

我能够获取剪贴板数据。我想要去除其中的格式，以便得到纯文本。 - jsbisht