javascript - 如何格式化 HTML <textarea> 中的文本？

Question

我有一个 <textarea>在我的页面上，当我单击一个按钮时，textarea 中的文本值被分配给我页面上一个段落的 .innerHTML。

现在假设我在 textarea 中键入如下内容:

Hey
how's
it
going
?

段落看起来像这样

Hey how's it going ?

基本上，它不会在每行末尾有
标签。有没有一种方法可以强制 JavaScript 函数在文本区域的每一行末尾插入
标记，或者是否有更简单的方法来做到这一点？

JavaScript 代码:

document.getElementById("sendMsgBtn").onclick = function(){
    var element = document.createElement("p");
    element.style.borderBottom = "1px solid black";
    var content = document.createTextNode(document.getElementById("currentMsg").value);
    content = content.replace(/\n/g, "<br>");
    element.appendChild(content);
    document.body.appendChild(element);
    document.getElementById("currentMsg").value = "";
}

Answer 1

您不需要换行符。相信我。

只需设置:

white-space: pre-wrap;

此 CSS 将使空格变得有意义，并在键入时保留它。