13

我正在使用 Underscore 模板（基于 John Resig 的 Microtemplate），每当我尝试替换其中的换行符时，都会出现奇怪的行为。例如，如果我有这样的文字：

var message = 'Line1\r\n\r\nLine2';

如果我这样做，我可以用 br 标签正确地替换换行符：

$('#example1_no_template').html(message.replace(/\r?\n/g, '<br />'));

但是，如果我尝试用下面的示例代码替换 Underscore 模板中的换行符，我不会插入任何 br 标记：

<script id="template1" type="text/html">
    <%= message.replace(/\r?\n/g, '<br />') %>
</script>

<script>
var template1 = _.template($('#template1').html());
$('#example1_template').html(template1({ message: message }));
</script>

奇怪的是，如果我将模板内的正则表达式更改为以下内容，那么我会在各处插入各种 br 标签：

<script id="template3" type="text/html">
    <%= message.replace(/[\r\n?]/g, '<br /><br />') %>
</script>

所有这些行为都显示在这个小提琴中： //jsfiddle.net/GHtDY/5/

知道发生了什么吗？是否可以替换模板内的换行符？

4

1 回答 1

8

我想知道 Underscore 的模板解析器是否在某处有一点错误。如果您使用 RegExp 对象语法而不是正则表达式文字语法：

<script id="template1" type="text/html">
    <%= message.replace(new RegExp('\r?\n', 'g'), '<br />') %>
</script>

然后你开始得到预期的结果：http: //jsfiddle.net/ambiguous/GHtDY/6/

您的“时髦输出”示例：

<%= message.replace(/[\r\n?]/g, '<br /><br />') %>

出来很时髦，因为下划线正在用你的元素替换n 。<br>无论如何，该字符类应该匹配任何单个 CR、LF 或问号，而这不是你想要做的。

我怀疑 Underscore 的模板解析器对一些正则表达式文字有一些问题；您会注意到这/\s/g也无法按预期工作。特别是，它似乎在解析转义序列时遇到了一些麻烦，例如\r正\s则表达式文字。例如，这个：

<script id="template1" type="text/html">
    <%= message.replace(/\d/g, '<br /><br />') %>
</script>

message当包含一些数字但使用时不能按预期工作new RegExp

<script id="template1" type="text/html">
    <%= message.replace(new RegExp('\d', 'g'), '<br /><br />') %>
</script>

确实按预期工作。

于 2011-10-07T05:09:49.307 回答