你如何防止添加到Handlebars部分的换行?

时间:2014-06-19 22:52:36

标签: javascript html5 template-engine handlebars.js

场景:在内联元素中部分使用的单行Handlebars:

把手模板:

<a href="#section">{{> partial}}Label</a>

部分:

<svg class="icon" viewBox="0 0 65 65"><use xlink:href="#icon"></use></svg>

编制结果:

<a href="#section"><svg class="icon" viewBox="0 0 65 65"><use xlink:href="#icon"></use></svg>
Label</a>

如您所见,部分遇到换行符。文件中没有换行符。

2 个答案:

答案 0 :(得分:3)

在handlebarsjs.com上, 但没有记录得足够好(对我来说);

经过半个小时的挣扎徘徊之后我到底应该设置这个&#34;〜&#34;

{{#each arrayOfItems ~}}
<div>
{{~> item ~}}
</div>
{{~each}}

aaand,对我来说就像一个魅力:)

(Node.js上的handlebars-express3)

答案 1 :(得分:1)

问题是由Vim的EOL管理引起的。

要防止在Handlebars编译后出现换行符,请更改Vim配置(.vimrc)以包括:

au BufWritePre * :set binary | set noeol
au BufWritePost * :set nobinary | set eol