JavaScript:如何在HTML textarea中添加换行符？

Question

我正在使用JavaScript编辑textarea.问题是,当我在其中进行换行时,它们将不会显示.我怎样才能做到这一点？

我正在获得编写函数的值,但它不会给出换行符.

Answer 1

问题来自于换行符(\n\r？)与HTML  标签不同

var text = document.forms[0].txt.value;
text = text.replace(/\r?\n/g, '<br />');

这对我也有用.在jQuery中你可以这样做:$('#caption').html($('#caption').text().replace(/ \n\r？/ g,' ')) ; (7认同)
正确的正则表达式是`/\r \n？| \n/g`没有捕获,没有多行. (3认同)
换行符Regexp应为`/(\ r \n | \n |\r)/ gm`http://www.textfixer.com/tutorials/javascript-line-breaks.php (2认同)
怀疑“ ”是错误的。对于文本区域中的通用换行符，您需要`\ r \ n`。例如，UC浏览器在文本区域中忽略 和\ n。请参阅[在HTML文本区域中添加换行符]（http://stackoverflow.com/q/66773/673991）。 (2认同)
在 textarea 中使用 不起作用。至少不是在我测试的 Chrome 中。虽然使用 \n 似乎有效。如果您打算将文本作为纯 html 插入，即在任何输入元素之外，请使用 。 (2认同)

Answer 2

如果您使用通用java脚本,则需要将字符串分配给文本区域值

 document.getElementById("textareaid").value='texthere\\\ntexttext'.

您需要更换\n或 以\\\n

否则它会Uncaught SyntaxError: Unexpected token ILLEGAL在所有浏览器上提供.

Answer 3

您需要使用\n的linebreaks内部textarea

Answer 4

也许有人觉得这很有用:

我遇到了从服务器变量传递到javascript变量的换行问题,然后javascript将它们写入textarea(使用knockout.js值绑定).

解决方案是双重逃避新行:

orginal.Replace("\r\n", "\\r\\n")

在服务器端,因为只有单个转义字符javascript没有解析.

Answer 5

如果你想在你自己的页面中显示文本，你可以使用<pre>标签。

document.querySelector('textarea').addEventListener('keyup', function() {
  document.querySelector('pre').innerText = this.value;
});

<textarea placeholder="type text here"></textarea>
<pre style="font-family: inherits">
The
new lines will
be respected
      and spaces too
</pre>

Answer 6

我有一个 id 为#infoartist的文本区域，如下：

\n

<textarea id="infoartist" ng-show="dForm" style="width: 100%;" placeholder="Tell your contacts and collectors about yourself."></textarea>\n

在 JavaScript 代码中，I\xe2\x80\x99ll 获取文本区域的值，并用标签替换转义新行（\\n\\r） ，例如：

\n

var text = document.getElementById("infoartist").value;\ntext = text.replace(/\\r?\\n/g, \'<br />\');\n

所以如果你使用jQuery（像我一样）：

\n

var text = $("#infoartist").val();\ntext = text.replace(/\\r?\\n/g, \'<br />\');\n