Jade で複数行の文字列の入力
Jade では、 "|" を使えば、複数行の入力ができる。
例えば、
p.text |とりなくこゑす |ゆめさませ |みよあけわたる |ひんかしを
と書くと、次のような HTML が生成される。
<p class="text">とりなくこゑす ゆめさませ みよあけわたる ひんかしを</p>
非常に読みやすい。
言わずもがな、改行タグが入っていないため、表示の上では改行はされない。
改行をしたい場合は、 br を同じ高さのインデントで挟めば良い。
p.text |そらいろはれて br |おきつへに br |ほふねむれゐぬ br |もやのうち
と書けば、次のようになる。
<p class="text">そらいろはれて<br/>おきつへに<br/>ほふねむれゐぬ<br/>もやのうち</p>
"|" を使った改行は、 HTML タグや、 JavaScript を直接埋め込むときに重宝する。
例えば、 Facebook の埋め込みコードは、次のように書けば良い。
.fb-root |<div id="fb-root"></div> |<script>(function(d, s, id) { | var js, fjs = d.getElementsByTagName(s)[0]; | if (d.getElementById(id)) return; | js = d.createElement(s); js.id = id; | js.src = "//connect.facebook.net/ja_JP/sdk.js#xfbml=1&version=v2.0"; | fjs.parentNode.insertBefore(js, fjs); |}(document, 'script', 'facebook-jssdk'));</script>