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

时间:2015-01-01 17:35:51

标签: javascript html angularjs contenteditable plaintext

我想将从某个文档(pdf,docx,html)中选择的文本粘贴到一个可信的类型中。

现在我要在渲染之前删除剪贴板文本的所有格式。因此,粘贴的最终内容应该是纯文本。

此方案的类似物可以将内容粘贴到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中添加此代码的方式和位置。

1 个答案:

答案 0 :(得分:0)

检查此答案,您可以捕获粘贴事件。如果它是内容可编辑div或其他内容无关紧要。

JavaScript get clipboard data on paste event (Cross browser)