Hamlテンプレートでタグやテキスト要素が混在したコンテンツを作成していてSyntaxErrorになったのでメモ。
エラーになる例
%div 2019年4月11日から %strong<> アイカツ! が再放送だよ!! %a(href="aikatsu")< %i.icon-help> 詳しくはコチラ!
👇
Haml::SyntaxError - Illegal nesting: content can't be both given on the same line as %div and nested within it.
Haml はタグ内の要素はインデントかタグの直後に書くかで併用することができない
中に別のタグが入るようなコンテンツ要素はインデントを揃える必要がある
%div 2019年4月11日から %strong<> アイカツ! が再放送だよ!! %a(href="aikatsu")< %i.icon-help> 詳しくはコチラ!
👇
<div> 2019年4月11日から <strong>アイカツ!</strong>が再放送だよ!! <a href="aikatsu"><i class="icon-help"></i>詳しくはコチラ!</a> </div>
pugに似たもんやろ。くらいにしか思ってなかったので何故エラー?って結構ハマってしまいました。
改行のコントロール持っ結構めんどいし… pugって超柔軟だったんだなーって改めて認識。(HamlがあってそこからSlimやpugができたからかもですが
[参考]
- ruby on rails - Haml::SyntaxError - Illegal nesting: content can't be both given on the same line as %div and nested within it - スタック・オーバーフロー
- HAML Online Converter, HAML to HTML
- 【Emmet, Haml, Markdown, Slim, Pug】HTMLテンプレートエンジン事始め - クモのようにコツコツと
丸大食品 煌彩ハムギフト GT-303 【丸大食品 ハム 詰め合わせ お中元 お歳暮 ギフト セット】
- 出版社/メーカー: 丸大食品
- メディア: その他
- この商品を含むブログを見る