当我放置通过 ajax 调用加载的文本时,我遇到了一个小问题。
我从文本区域获取内容并将其存储在数据库中,当我想在 div 中显示文本时,它不尊重新行,因此所有文本都是连续的。
下面的代码展示了一个小例子:
$(function() {
$('.buttonA').click(function() {
$('.message').html($('textarea[name="mensaje"]').val());
});
});
.message {
width:300px;
height:200px;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.2.3/jquery.min.js"></script>
<textarea name="mensaje" class="new_message_textarea" placeholder="enter message..."></textarea>
<button class="buttonA">Enter</button>
<div class="message"></div>
如果您输入一些带有新行的文本,一旦单击按钮,文本就会显示到 div 中,并且不会显示新行。
我该如何解决这个问题?
我认为实现这一目标的更好方法是添加
white-space: pre
or
white-space: pre-wrap
适合您的风格div
.
See: HTML - DIV 内容中的换行符可编辑吗? https://stackoverflow.com/questions/19038070/html-newline-char-in-div-content-editable
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)