textarea标签元素 在 html中如何显示-很简单

一、textarea标签元素 在 html中如何显示

如果你想使用CSS的方式，可以使用 white-space: pre-wrap;

1.假设你的div中包含了由textarea 存储到数据库中，并且取出的值。 在html中 需要和textarea显示一个效果。

<div class='layui-card-body''>124/n 123\r 123\n</div>

2.html中识别的/n不是换行 但是textarea中识别的是换行，只需进行替换

var str = $(‘.layui-card-body’).text(); if (str.length > 0){
str = str.replaceAll(“\n”, “
”);
str = str.replaceAll(“\r”, “
”);
$(‘.layui-card-body’).text(‘’);
// 这里要append进去是关键，如果直接替换的话 html只会识别是字符串
$(‘.layui-card-body’).append(str);
}