Question

我有一个有表格的网站。在表格中我有一个textarea字段。当填写并以下面的方式显示时

例如。这就是它在textarea框中的写法

The manager,

Abc limited,

private bag,

earth.

显示如下

The manager, Abc limited, private bag, earth.

我怎样才能让它保持原样

Answer 1

您可以使用保存textarea值的元素的innerText属性。

重要事项：在后端，您必须保留数据库中的\n或其用于存储数据的任何内容，以便将其恢复并呈现内容与保存完全一样。

＆＃13;

var div = document.querySelector('div');
var textarea = document.querySelector('textarea');

div.innerText = textarea.value;
textarea.addEventListener('input', function() {
  div.innerText = this.value;
});

＆＃13;

<h3>Enter text and press enter</h3>
<small>The entered text will appear automatically</small>
<p>
<textarea>
The manager,

Abc limited,

private bag,

earth.</textarea>
<div></div>

＆＃13;

Answer 2

我能够重新创建错误的唯一方法是将<textarea>拼写为<text area>。添加空格时，会发生错误。当保留正确拼写的换行符时。

Answer 3

您必须在\n

中使用textarea换行

Answer 4

如果您使用的是php，那么您可以回显echo nl2br（$ textarea）;

https://www.w3schools.com/php/func_string_nl2br.asp

或jquery

jQuery convert line breaks to br (nl2br equivalent)

Answer 5

嗯，你真的没有给我们很多关于如何打印文本字段的信息。但我的猜测是，如果你使用php，你应该将你的变量包装在一个nl2br（）函数中。

在此处获取更多信息： http://php.net/manual/en/function.nl2br.php

Answer 6

HTML忽略新的行/空格，除非您使用this example

中的white-space:pre设置元素的样式

在html的白色空间textarea

6 个答案: