Question

从我的服务器返回的JSON响应包括一个长字符串（消息正文或多行注释）。

典型的message.body可能看起来像这样：

"Hi!\r\n\r\nHow's life? Everything is well with me\r\n\r\nSincerely,\r\n\r\nAustin\r\n"

现在使用把手，我就像这样嵌入

<p>{{body}}</p>

但是，这会在html中呈现：

<p>"Hi!
How's life? Everything is well with me 

Sincerely, 

Austin"</p>

如何让它在自己的html段落[p]标签中呈现每一行？在rails中，我会用这样的东西（haml）来做这个

- note.body.each_line do |x|
    %p= x

Answer 1

你可以添加一个Handlebars'Helper'

http://handlebarsjs.com/expressions.html （向下滚动到助手）

e.g。

Handlebars.registerHelper('paragraphSplit', function(plaintext) {
    var i, output = '',
        lines = plaintext.split(/\r\n|\r|\n/g);
    for (i = 0; i < lines.length; i++) {
        if(lines[i]) {
            output += '<p>' + lines[i] + '</p>';
        }
    }
    return new Handlebars.SafeString(output);
});

然后在模板调用中

{{paragraphSplit body}}

Answer 2

Handlebars不喜欢模板中的逻辑。您通常在模板看到之前处理您的数据：

var lines = "...".split(/(?:\r\n)+/);

然后将该数组提供给模板：

var html = tmpl({ body: lines });

在这种情况下，您的模板将如下所示：

{{#each body}}
    {{.}}
{{/each}}

演示：http://jsfiddle.net/ambiguous/Gbu5w/

处理Handlebars模板中的多行字符串

2 个答案: