jquery - 从文本区域保存多行文本

Question

我有一个包含 <textarea>....</textarea> 的表单 field 。保存文本后，它以另一种形式显示结果，但在段落 <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>类(class)。例如，如果您的段落有类 text-content那么你只需要做-

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

   演示:JSFiddle

希望这对您有所帮助!