我有一个表单,其中包含一段文本区域,并希望在输出内容时保留用户输入的换行符。
例如,如果我在文本区域中写入:
这里是一个句子。这里是另一个。这里还有一个。
这是一个新段落。这里是一个新句子。这里是另一个。
我想要相同的输出,而不是:
这里是一个句子。这里是另一个。这里还有一个。这是一个新段落。这里是一个新句子。这里是另一个。
如何保留换行符?
我有一个表单,其中包含一段文本区域,并希望在输出内容时保留用户输入的换行符。
例如,如果我在文本区域中写入:
这里是一个句子。这里是另一个。这里还有一个。
这是一个新段落。这里是一个新句子。这里是另一个。
我想要相同的输出,而不是:
这里是一个句子。这里是另一个。这里还有一个。这是一个新段落。这里是一个新句子。这里是另一个。
如何保留换行符?
通常您只需要将
white-space: pre-line;
空格修剪为单个空格 或者
white-space: pre-wrap;
保留所有空格
添加到元素的样式 (CSS) 中,即可在渲染文本时使用换行符。
\n
之类的换行符代码翻译为<br>
标签。例如,PHP脚本语言提供了一个函数:nl2br()
但是要注意:仅当以HTML标记形式“呈现”文本时才适用。当您再次将文本输出到表单内的文本区域中以便进行更改时,这是无效的。在这种情况下,您必须保留接收到的原始换行符。<pre>...</pre>
标记对包含换行符的未经修改的文本进行编码,以将其标记为预格式化渲染。例如,在HTML页面中显示源代码时就会这样做。white-space: pre-wrap;
overflow-wrap: break-word;
$("textarea").off("keyup").on("keyup", e => { var t = $(e.target); t.val(t.val().replaceAll("\n", " ")); })
white-space: pre
。 - Spacha