将回车转换为 br 标签答案

【问题标题】：Convert Carrage returns to br tags将回车转换为 br 标签
【发布时间】：2010-07-27 05:02:34
【问题描述】：

我遇到了一个在文本区域中解析回车的小问题。

JQuery 代码

$.fn.escapeHtml = function() {
    this.each(function() {
        $(this).html(
            $(this).html()
                .replace(/"/g,"&quot;")
                .replace(/&/g,'&amp;')
                .replace(/</g,'&lt;')
                .replace(/>/g,'&gt;')
                .replace(/'/g,'&apos;')
                // For converting carrage return (enter key) to br
                .replace(/(\r\n|\r|\n)/g, '&lt; br &gt;')
                .replace(/183/g,'&middot;')
        );
    });
    return $(this);
}
})(jQuery);

在 Firefox 中它可以工作并且输出为

&lt;big&gt;Heading&lt;/big&gt;<br>Test Line 1<br>Test Line 2<br>Test Line 3

在 Internet Explorer 中它根本不起作用。我如何在 IE 中解决这个问题。我的意图输出是这样的

&lt;big&gt;Heading&lt;/big&gt;&lt;br&gt;Test Line 1&lt;br&gt;Test Line 2&lt;br&gt;Test Line 3

提前谢谢...

【问题讨论】：

标签： javascript jquery regex parsing jquery-plugins

【解决方案1】：

尝试替换：

.replace(/(\r\n|\r|\n)/g, '&lt; br &gt;')

与：

.replace(/(\n\n|\r|\n)/g, '&lt; br &gt;')

另请注意，在 textarea 中，它们都归结为 \n，因此您需要替换为其中的两个，例如 \n\n。

【讨论】：