Bir telim var
string display_txt = "1st line text" +"\n" + "2nd line text";
Jquery'de kullanmaya çalışıyorum
('#somediv').html(display_txt).css("color", "green")
oldukça açık bir şekilde mesajımın 2 satırda görüntülenmesini bekliyorum, bunun yerine mesajda \ n görüntüleniyor. Bunun için herhangi bir hızlı düzeltme var mı?
Teşekkürler,
.htmlçalıştığıdır.
Yanıtlar:
Html'de <br />yeni satır için kullanın :
display_txt = display_txt.replace(/\n/g, "<br />");
\ndizedeki karakterin ilk geçtiği yerin yerini alacağını unutmayın . MDN belgelerine
.replace(/\n/g, "<br />")daha fazla yeni satırı önlemektir.
Tablo hücresindeki css'nizi şu şekilde ayarlayın:
white-space:pre-wrap;
document.body.innerHTML = 'First line\nSecond line\nThird line';body{ white-space:pre-wrap; }white-space:pre-line;boşluk dizilerinin tek bir boşlukta daralması için kullanabilirsiniz. Metin gerektiğinde ve satır sonlarında kaydırılır. Daha fazla bilgi için: https://www.w3schools.com/cssref/pr_text_white-space.asp
\n, yeni bir satırın yazdırılması gerektiği ve yazdırılacağı anlamına gelir
Bir div yerine bir ön etiket kullanabilirsiniz. Bu, otomatik olarak \ n'lerinizi doğru şekilde görüntüler.
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script>
$(document).ready(function(){
var display_txt = "1st line text" +"\n" + "2nd line text";
$('#somediv').html(display_txt).css("color", "green");
});
</script>
</head>
<body>
<pre>
<p id="somediv"></p>
</pre>
</body>
</html>
Belki .textyerine .html?
Bir veritabanından veri alırken aşağıdaki problemi yaşadım ve içeren bir dize görüntülemek istedim \n. Yukarıdaki çözümlerin hiçbiri benim için işe yaramadı ve sonunda bir çözüm buldum: https://stackoverflow.com/a/61484190/7251208
<br />etiketi kullanabilirsiniz