需要 Pure/jQuery Javascript 解决方案来清除文本区域中的 Word HTML

Question

我知道这个问题已经在这里讨论过，但我还没有找到适合我的情况的可行解决方案，所以我想让智囊团重新开始工作，看看能做些什么。

我有一个表单中的文本区域，需要检测何时将某些内容粘贴到其中，并清除任何隐藏的 HTML 和 HTML 内容。 引号。 此表单的内容通过电子邮件发送到第三方系统，该系统特别棘手，因此有时甚至将其编码为 html 实体字符也不是一个安全的选择。

不幸的是，我不能使用 FCKEditor、TinyMCE 等，在这种情况下它必须保持常规文本区域。 我试图从 word 函数中剖析 FCKEditor 的粘贴，但没有运气找到它。

不过，如果需要的话，我可以使用 jQuery 库，但还没有为此找到 jQuery 插件。

我专门寻找旨在清理粘贴的信息的信息，而不是如何监视元素的内容更改。

任何建设性的帮助将不胜感激。

Answer 1

我正在看大卫·阿彻的回答，他几乎回答了这个问题。 我过去使用过与他类似的解决方案：

$("textarea").change( function() {
    // convert any opening and closing braces to their HTML encoded equivalent.
    var strClean = $(this).val().replace(/</gi, '<').replace(/>/gi, '>');

    // Remove any double and single quotation marks.
    strClean = strClean.replace(/"/gi, '').replace(/'/gi, '');

    // put the data back in.
    $(this).val(strClean);
});

如果您正在寻找一种完全删除 HTML 标签的方法

$("textarea").change( function() {
    // Completely strips tags.  Taken from Prototype library.
    var strClean = $(this).val().replace(/<\/?[^>]+>/gi, '');

    // Remove any double and single quotation marks.
    strClean = strClean.replace(/"/gi, '').replace(/'/gi, '');

    // put the data back in.
    $(this).val(strClean);
});

Answer 2

您可以查看 Connor McKay 的 Word HTML Cleaner。 它是一种非常强大的清洁剂，因为它可以清除很多您可能想要保留的东西，但如果这不是问题，它看起来相当不错。

Answer 3

像这样的事情怎么样：

function cleanHTML(pastedString) {
    var cleanString = "";
    var insideTag = false;
    for (var i = 0, var len = pastedString.length; i < len; i++) {
        if (pastedString.charAt(i) == "<") insideTag = true;
        if (pastedString.charAt(i) == ">") {
            if (pastedString.charAt(i+1) != "<") {
                insideTag = false;
                i++;
            }
        }
        if (!insideTag) cleanString += pastedString.charAt(i);
    }
    return cleanString;
}

然后只需使用事件侦听器来调用此函数并传入粘贴的字符串即可。

Answer 4

使用模糊事件可能会很有用，因为该事件触发频率较低：

$("textarea").blur(function() {
    // check input ($(this).val()) for validity here
});

Answer 5

从 jquery 文档编辑。

$("textarea").change( function() {
    // check input ($(this).val()) for validity here
});

这是为了检测更改。 clean 可能是

上面编辑的某种正则表达式，用于查找文本区域而不是文本框