【Rails5】改行を含むツールチップの書き方について

Question

###前提・実現したいこと
Bootstrapのtooltip.jsを利用しています。
ツールチップの表示にHTMLタグを認識させたいです。

###できていないこと
data-html="true"を追加しても、HTMLタグがそのまま表示されてしまいます。

###該当のソースコード

i.fa.fa-info-circle.tooltip-demo data-toggle="tooltip" data-placement="right" data-html="true" title="#{t('comment_html')}"

//ja.yml
comment_html: テキスト<br />テキスト

$('.tooltip-demo').tooltip({
        html: true
    });

###補足情報(言語/FW/ツール等のバージョンなど)
Rails ver.5.1
Bootstrap3

Answer 1

tの結果を#{}で変数展開していることで、エスケープがかかってしまうのではないかと思います。

ビューの文法がわからないので正確な形がはっきりしませんが、title=t('comment_html')のように変数展開を避けるようにしてみると改善するかもしれません。

Comments

[ssk]

ありがとうございます。
以下のようにしてみましたが、表示は変わりませんでした。

i.fa.fa-info-circle.tooltip-demo data-toggle="tooltip" data-placement="right" data-html="true" title="#{title = t('comment_html')}"

[maisumakun]

その書き方では、結局「tの結果を変数展開している」ことは変わらない気がするのですが。

[ssk]

申し訳ございません。。
ruby初心者でして、どのように記述するば避けることができますか？