Help us understand the problem. What is going on with this article?

slim templateのパイプで改行したいとき

More than 1 year has passed since last update.

計測系のサービスで「スクリプトをそのまま貼り付けてください」みたいな依頼があったときに必要なのでメモ。

なにも考えずパイプ(|)でさくっと対応すると、

sample.slim
| <script language='javascript' src='https://hogehoge.com/path/to/file.js'></script>
| <script language='javascript'><!--
| do_something('*****');
| //--></script>
| <noscript>
| <img src="https://hogehoge.com/path/to/action?hoge=1&fuga=2" width="1" height="1">
| </noscript>

変換時、改行がすべてなくなってしまう。

出力結果
<script language='javascript' src='https://hogehoge.com/path/to/file.js'></script><script language='javascript'><!--do_something('*****');//--></script><noscript><img src="https://hogehoge.com/path/to/action?hoge=1&fuga=2" width="1" height="1"></noscript>

ので、パイプは最初の行1つだけに挿入して、インデントを整えると、見た目どおりに変換される。

sample.slim
| <script language='javascript' src='https://hogehoge.com/path/to/file.js'></script>
  <script language='javascript'><!--
  do_something('*****');
  //--></script>
  <noscript>
  <img src="https://hogehoge.com/path/to/action?hoge=1&fuga=2" width="1" height="1">
  </noscript>

slimの仕様だけど地味に知らんかったやつ :joy:

追記

こういう書き方もできます :point_down: (こっちのほうがまるっとコピペしやすいので良さそう)

|
  foo
  bar

参考

paranishian
フリーランスのエンジニアです。がんばってます。
https://paranishian.hateblo.jp/
admin-guild
「Webサービスの運営に必要なあらゆる知見」を共有できる場として作られた、運営者のためのコミュニティです。
https://admin-guild.slack.com
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away