javascript - 如何按原样显示textarea的多行内容

Question

当表单有效并且我单击Save时，内容<textarea>正在保存而没有问题，但是当我单击Save并且它无效时，它仍然会呈现，但来自<textarea>的多行显示在单行\r\n之间，中间是一行。

<td col span="3">
    <textarea name="body" id="body" cols="90" rows="10" tabindex="0"> 
       ${task.getData()?html}
    </textarea>
</td>

与以下内容<textarea>

test
test
      test
                test

我试过了

var val = elem('body').value;
document.getElementById('body').innerHTML=val;

它删除\r\n但呈现在一行

我希望文本在验证后按原样呈现。你能帮帮我吗？

score 0 · Accepted Answer

我尝试使用以下代码，并在验证后调用它，它对我有用。

elem('body').value = elem('body').value.replace("\n\r","\n");

score 0 · Accepted Answer

更改rows值，它1在您的代码中

<textarea name="body" id="body" cols="90" rows="3" tabindex="0">Hello</textarea>

DEMO，这个DEMO正在使用你的代码。

2 回答 2