javascript - 使用 AngularJs 将 html 内容作为纯文本粘贴到 contenteditable div 中

标签 javascript html angularjs contenteditable plaintext

<分区>

我想将从某个文档(pdf、docx、html)中选择的文本粘贴到 contenteditable 类型的 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 中如何以及在何处添加此代码。

最佳答案

查看此答案,您可以捕获粘贴事件。无论是内容可编辑的 div 还是其他内容都没有关系。

JavaScript get clipboard data on paste event (Cross browser)

关于javascript - 使用 AngularJs 将 html 内容作为纯文本粘贴到 contenteditable div 中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27733025/

相关文章:

php - 使 <img> src 指向一个 php 页面

javascript - SVG渐变方向

css - 如何添加 anchor 符号

javascript - 在循环中创建一个深度(水平)对象

javascript - 当 render 方法中没有使用 observable 时,如何让 MobX 更新组件?

javascript - 如何禁止在div内点击

html - 如何解决 float 问题

angularjs - 如何找到 ng-repeat 中的最小值?

javascript - 为什么 ng-change 在 angularjs 中给出 "undefined"?

javascript - 我设计了两个html页面,如何用Java连接它们?