如何显示textarea的多行内容

Question

当表单有效且我点击保存时，<textarea>的内容正在保存，没有任何问题，但是当我点击保存并且它无效时，它仍然呈现，但<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，但会在一行中呈现

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

Answer 1

在代码中更改rows值，1

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

DEMO此DEMO正在使用您的代码。

Answer 2

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

elem（'body'）。value = elem（'body'）。value.replace（“\ n \ r”，“\ n”）;