Jadeにおいて、\nを<br>に置き換えてブラウザ上で改行させたい。

Question

テキストデータの改行をHTML上でも改行させたいです。
Jadeを使用してます

text.descriptionの中には

おはようございます。\nこんにちは。

が入ってます。

Jadeでは

td #{text.description.replace(/[\n\r]/g,"<br>")}

と書いたところ、

HTMLとしては

おはようございます。<br&gtこんにちは。

と出力され、ブラウザ上では

おはようございます。<br>こんにちは。

と出力されてしまいます。
どのようにしたら

おはようございます。
こんにちは。

となるでしょうか。

Answer 1

QiitaのJadeの記法についてによれば
#{}は文字列をエスケープして展開、!{}は文字列をそのまま展開するようなので

td !{text.description.replace(/\r?\n|\r/g,"<br>")}

とすればいいんじゃないでしょうか (ついでに/[\n\r]/gだと改行コードが\r\nの際に<br><br>と二回変換してしまうので直してます)

また、そのまま展開するためhtmlの特殊文字を含む場合は事前に自前でエスケープする必要がありそうですね

- var escapeMap = {'&':'&amp;', '\'':'&#39;', '"':'&quot;', '<':'&lt;', '>':'&gt;'};
td !{text.description.replace(/[&"'<>]/g,function(c){return escapeMap.hasOwnProperty(c)?escapeMap[c]:c}).replace(/\r?\n|\r/g,"<br>")}

(コードは試したりしてないので動かなかったらすみません)

Comments

[YoshikazuAbe]

回答ありがとうございました、無事動きましたのでお礼申し上げます。
td !{text.description.replace(/\r?\n|\r/g,"<br>")}
で問題ありませんでした（自前エスケープverでもうごきました）
エスケープせずにそのまま展開すればよかったのですね。
勉強になりました。