Schreiben auf einem neuen Fenster - neue Linien

Question

<div class="cardtitle">WEB</div> 
<textarea id="web"> 
abc 
abc 
abc 
</textarea> 

<div id="btnprint">PRINT</div> 

JS verloren

tosend = ''; 
$('#btnprint').click(function(){ 
    $('.cardtitle').each(function(){ 
     tosend = tosend + 
     $(this).text().toUpperCase() + '<br>' + 
     $(this).next().val() + 
     '<hr>' 
    }); 
    w=window.open(); 
    w.document.write(tosend); 
    w.print(); 
    w.close(); 
}); 

Ergebnis ist abc abc abc
Statt:
abc abc abc

Neue Linien sind verloren.

Answer 1

Umhüllen Sie es in einem <pre> Tag, so dass die Formatierung nicht verloren geht.

$('#btnprint').click(function(){ 
    var tosend = '<pre>'; 
    $('.cardtitle').each(function(){ 
     tosend = tosend + 
     $(this).text().toUpperCase() + '<br>' + 
     $(this).next().val() + 
     '<hr>' 
    }); 
    tosend += '</pre>'; 
    w=window.open(); 
    w.document.write(tosend); 
    w.print(); 
    w.close(); 
}); 

Answer 2

Neue Zeilenzeichen werden nicht als Zeilenumbrüche in HTML gerendert. Sie müssen den Tag <br> verwenden, um eine neue Zeile zu beginnen.

Was können Sie tun, ist es, die neuen Zeilen Zeichen mit <br> s zu ersetzen:

... 
$(this).next().val().replace(/[\n]/g, "<br>") 
...