"如何从文本区域值显示用户输入的换行符？"

Question

我正在创建一个包含两个页面的程序：一个用于通过textarea将文本作为form输入到数据库中，另一个用于获取所述数据并将其显示在textarea上。 但是，提交带有缩进的文本（作为用户按下回车按钮的产物），获取和显示信息的页面会中断，我知道为什么但不知道如何修复它。

提交表单的页面：

<!--Form-->
   <div class="container">
      <form action="/spaceData" method="POST">
            <br>
               <textarea value="" id="textbox" name="usertext" maxlength="100" placeholder="Write your fortune:" onchange="handleChange(this)"></textarea>
            </br>
         </div>
         <div class="container">
            <button type="submit" id="submit" onclick="return handleChange()">Contribute Wisdom</button>
         </div>
      </form>
   </div>

显示数据的页面是一个 ejs 文件，它检索提交的文本值，如下所示：

let text = "<%= text %>";

但是，对于带有缩进的字符串，变量会中断。 例如，假设用户输入字符串：

hello
world
!

ejs 文件会将变量显示为：

let text = "hello
world
!";

这会导致程序中断。 如何允许text变量检测换行符？

我想也许我可以在提交之前迭代字符串，如果检测到缩进，可以用\\n替换它，但我不确定如何实现这一点，或者它是否能解决问题。

感谢您的任何建议。

Answer 1

这是因为 html 和 js 换行符的工作方式不同。

任何情况。 文本区域在您输入它们时发送此断线，如果您想在前端启用这些换行符，只需在您要呈现这些文本区域信息的区域中添加此 css，例如：到“p”标签中

在 <style> 或 .css 文件中：

p {
  white-space: pre-wrap;
}