相关疑难解决方法(0)

我有一个带有textarea的表单,我希望在输出内容时保留用户输入的换行符.

例如,如果我在textarea写:

这是一个句子.这是另一个.还有一个.

这是一个新段落.这是一个新句子.这是另一个.

我想要相同的输出而不是:

这是一个句子.这是另一个.还有一个.这是一个新段落.这是一个新句子.这是另一个.

我怎么能保留换行符？

我有一个<textarea>和一个<div>(有一个<p>内部).在区域中输入文本时,<p>会在keyUp上更新内容.

有没有办法保留textarea的换行符(新行),并以某种方式使它们像div/p中的换行符一样工作？

替换双"新线" </p><p>,是否也可以？这接近于所见即所得,但不希望这样,这是一个非常小的项目.

这是我到目前为止所得到的.

$(".box textarea").keyup(function () {
  var value = $(this).val();  
  $('.box p').text(value);
});

我刚刚注意到div contenteditable报告中 1 个换行符在 Firefox 中为 2 个换行符。

这是一个错误还是我错过了什么？

在以下示例中只需键入：

Hello

World

在里面contenteditable。

使用获取值将innerText其报告为：

Hello



World

Hello

World

Hello



World

const textarea = document.querySelector('#textarea')

textarea.addEventListener('keydown', e => {
  console.log(textarea.innerText)
})