2016-04-20 11 views
1

Ich übergebe einen Text mit Zeilenumbruch an den Schnurrbart, aber beim Rendern werden die Zeilenumbrüche nicht angezeigt. Bitte lassen Sie mich wissen, wie Sie Zeilenumbrüche im Text einfügen können.Moustache js Zeilenumbruch

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

ich dies vorbei für das Rendering und erwarten dies Schnurrbart sollte wie

test1 
test2 
test3 

gedruckt bekommen, aber das tatsächliche Ergebnis ist test1test2test3 während dies macht.

Danke.

+0

können Sie versuchen, mit

+0

Dies funktioniert nicht. Das br-Tag selbst wird gedruckt !! – JavaUser

+0

Sie müssen das HTML in der Schnurrbart-Vorlage mit diesem '{{{str}}}' –

Antwort

6

Sie sollten <br> verwenden, aber in Ihrem Schnurrbart Vorlage müssen Sie {{{myString}}} verwenden html

+0

Vielen Dank. Es funktioniert gut – JavaUser

0

Neue Linien-Zeichen nicht in HTML gerendert, Sie ma <br> statt:

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

Der beste Ansatz zu entkommen, meiner Meinung nach, ist die folgende CSS auf das Element, das Sie mit Zeilenumbrüche zeigen wollen anwenden:

white-space: pre; 

Tha Übrigens werden alle \n tatsächlich als Zeilenumbrüche angezeigt. Es gibt auch andere Möglichkeiten, dies zu handhaben, siehe zum Beispiel Mustache.js allow only line breaks, escape other HTML.