2016-04-20 20 views
1

改行を含むテキストを口髭に渡していますが、改行の表示中に改行は表示されません。テキストに改行を追加する方法を教えてください。口ひげjs改行

var test ="test1"+"\n"+"test2"+"\n"+"test3". 

私はこれをレンダリングし、期待のために口ひげにこれを渡していますが

test1 
test2 
test3 

のように印刷されるはずです。しかし、これをレンダリングしながら、実際の結果はtest1test2test3です。

ありがとうございました。

+0

お試しください

+0

これは動作しません。 brのタグ自体が印刷されている! – JavaUser

+0

この '{{{str}}}' –

答えて

6

をあなたは<br>を使用する必要がありますが、あなたの口ひげテンプレートであなたが

+0

で口ひげテンプレートのhtmlをエスケープする必要があります。その実用的な罰金 – JavaUser

0

新ライン文字がHTMLでレンダリングされていない、あなたの代わりに<br>を使用MA:

var test ="test1"+"<br>"+"test2"+"<br>"+"test3" 
var test ="test1<br>test2<br>test3" 
3

に最適なアプローチをHTMLをエスケープする{{{myString}}}を使用する必要があり、私の意見では、改行を表示する要素に次のCSSを適用することです:

white-space: pre; 

Thaすべての\nは実際に改行として表示されます。これを処理する他の方法もあります。たとえば、Mustache.js allow only line breaks, escape other HTMLを参照してください。

関連する問題