从textarea保存多行文本

Question

我有一个包含<textarea>....</textarea>字段的表单.保存文本后,它以另一种形式显示结果,但在段落中<p>...</p>

问题是它显示所有连接在一起的线路

当我去编辑字段时,线条正确显示(多行)

如何显示输入的所有行<textarea>....</textarea>？

Answer 1

有两种方法可以解决此问题：

1. 使用<br>标签

   <br>在显示段落中的数据时，需要将新行转换为标签<p>。以下几行内容会帮助您-

   var value = $('.textareaClass').val();
   $('.paragraphClass').html('<p>'+(value.replace(/\r?\n/g,'<br/>'))+'</p>');
   

2. 使用CSS规则

   另一种更简单的方法是使用CSS，您只需要将规则添加white-space: pre-wrap到<p>类中。例如，如果您的段落有课程，text-content那么您只需要-

   .text-content {
       white-space: pre-wrap;
   }
   

   演示：JSFiddle

希望这可以帮助！