在textarea中按下Enter时段落中的新行

Question

document.getElementById('area').onkeyup=keydown;
function keydown (event) {
if (event.target.id=='area' && event.which==13) {
document.getElementById('arsh').innerHTML+="\n";
     }
}

Arsh是我的段落的ID，我想要添加新行，为什么这个不起作任何人都可以帮助我？我只是想在textarea（ID区域）按下Enter到我的段落时添加一个新行（ID arsh）。

这是HTML

<textarea ID="area" class="in">
Message
</textarea>
<br />
<br />
<p ID="tiesh" class="sh">
</p>
<br />
<br />
<p ID="arsh" class="sh">
</p>
<br />
</div>

我基本上尝试在stackoverflow中执行此操作，当您在textarea中按Enter键时，段落也会跳下一行。

Answer 1

使用CSS，为此属性提供#arsh（或任何其他要渲染新行的元素）。

white-space: pre-wrap;

Answer 2

换行符（\ n）不会在屏幕上呈现为新行。您可能需要添加HTML中断：

document.getElementById('arsh').innerHTML+="<br />";

Answer 3

document.getElementById('arsh').innerHTML=document.getElementById("area").value.replace(/\n/g,'<br />')

这可以完成工作

Answer 4

<p style="white-space: pre-wrap;"><?php echo $row['description_text'];?></p>