如何让HTML文本框中的换行符转化为字符串中的换行？

Question

我有一个HTML的<textarea>，希望用户在文本框中按下回车键时，在变量中存储并在页面上打印时会产生换行符。

我该如何做呢？我曾经看到过这样的操作，但我不确定该怎么做。

- chromedude

Answer 1

当你读取文本区域的内容时，只需执行以下操作：

var text = document.getElementById(textAreaId).value.replace("\n","<br/>");

通过这种方式，当您使用变量文本时，它将能够在HTML中换行。

- szanata

Answer 2

您应该将输出的 white-space 属性设置为其中一个 pre 值。请参见此处以获取允许的值及其效果的列表：http://www.w3schools.com/CSS/pr_text_white-space.asp

<p style="white-space: pre;">Your text with newlines goes here.</p>

或者简单地使用 <pre>，这是一个默认具有 white-space: pre; 的 HTML 标签，但它会改变您的字体，这种方式并不方便。

我建议不要存储 <br />，而是应该将换行符添加到输出中，如果想要 HTML 断行。

- Alin Purcaru

Answer 3

假设您正在输出HTML，您需要使用<br>替换换行符或使用{{link1：<pre>}}标签包装文本。

<pre>标签定义预格式化文本。

预格式化元素中的文本以固定宽度字体（通常是Courier）显示，并且保留空格和换行符。

- D'Arcy Rittich