slimでHTMLじゃないものを複数行に渡って書きたい

  • 6
    いいね
  • 0
    コメント

slimを使っていると<script><style>を使って複数行書きたいと言ったことや、meta-tagsのように複数行Rubyのコードを書きたくなるようなことがあると思います。
そんな時に改行して|-を行頭に毎回つけてというのはとても面倒だし見た目がアレだなぁと思っていました。

よくない例
script
  | a = 10;
  | b = 20;
  | alert(a + b);
style
  | .class {
  |   background-color: #ddd;
  | }
- a = 10
- b = 20
- c = a * b

Slimのドキュメントによるとjavascript:css:ruby:を使うことでこの問題を回避できるようです。

いい感じの例
javascript:
  a = 10;
  b = 20;
  alert(a + b);
css:
  .class {
    background-color: #ddd;
  }
ruby:
  a = 10
  b = 20
  c = a * b

他にも色々あるようです。