javascript - 在 contentEditable div 中使用 jQuery 清理粘贴事件

Question

我正在尝试清理 contentEditable div 中的粘贴。也就是说，代码应如下所示:

$('#content').bind('paste',function(e)
{
    // Ensure pasted markup is valid
});

理想情况下，我能够解析粘贴的文本并以适合网站的方式重新格式化它，但我不知道该怎么做。

或者，我愿意粘贴为纯文本(而不是 HTML)，但我也不知道该怎么做。

我不太喜欢弹出一个带有文本区域的框的解决方案，要求用户粘贴到该文本区域，然后将文本放入前一个光标位置的内容中。我知道如何做到这一点，但想避免它。

而且我完全不喜欢使用 e.preventDefault() 来阻止用户粘贴。

Answer 1

大多数浏览器都没有直接的方法来访问在进入 DOM 之前粘贴的内容。但是，有一种相当复杂的方法可以做到这一点，它只适用于由键盘触发的粘贴。在这里查看我的回答:

JavaScript get clipboard data on paste event (Cross browser)