如何在HTML textarea中创建换行符导致字符串中断？

Question

我有一个HTML <textarea>，当用户在textarea中输入时，我希望能够创建一个HTML {{1}}，当字符串存储在变量中并打印在页面上时，它会产生换行符。

我该怎么做？我以前看过它，但我不知道该怎么做。

Answer 1

当您阅读textarea的内容时，请执行以下操作：

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

通过这种方式，当你使用变量文本时，它将能够打破html中的行。

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破解，只需将它们添加到输出中。

Answer 3

假设您要以HTML格式输出，则需要使用<br>替换换行符，或将文本换成<pre>标记。

  

<pre>标记定义了预先格式化   文本。

     

pre元素中的文本显示在   固定宽度的字体（通常是Courier），   它保留了空间和线条   符。