不格式化的JQuery文本编辑器粘贴

Question

我在我的网站上使用插件JQuery Text Editor。 有时，当用户从另一个网站复制预格式化的HTML文本并将其粘贴到插件的文本框中时，它将无法正确呈现并中断字符串的一部分。 从数据库检索后，可以看到残破的文本。

如果您手动编写此文本，或者从框中复制文本并重新粘贴，则看起来会很好。

我相信这与JQuery Text Editor的格式错误有关。

我在下面的Stack上找到了这个功能，它看起来可以正常工作：

document.querySelector("div[announcements_container]").addEventListener("paste", function(e) {
    e.preventDefault();
    var text = e.clipboardData.getData("text/plain");
    document.execCommand("insertHTML", false, text);
});

但是，问题在于，当我使用此代码时，我的JQuery Text Editor文本框中断，如下所示：

JQTE的HTML：

<textarea class="jqte" style="margin-bottom: -20px;" rows="50" cols="50" name="body" id="body"></textarea>

通常看起来像这样：

有人可以帮我吗？ 谢谢。

Answer 1

嗯，当我在jqte演示页面上运行此代码片段时，它似乎对我有用 。 它将未格式化的文本粘贴到顶部框中。 以防万一，我将execCommand更改为insertText因为无论如何这就是我们想要的。

document.querySelector("div.jqte_green_editor").addEventListener("paste", function(e) {
    e.preventDefault();
    var text = e.clipboardData.getData("text/plain");

    document.execCommand("insertText", false, text);
});

您确定div[announcements_container]选择器正确吗？ 也许改为尝试div.announcements_container 。