将HTML文本设置为textarea js

Question

我有一个textarea，我需要设置一些html文本

<textarea id="text"></textarea>
<div id="elem">
  <p>text</p>
  <hr />
  <br />
  <p> some text</p>
</div>
..
$('#text').val($('#elem').html());

当我这样做时，它会使用html标签而不是解析文本来放置文本，并像纯文本一样放置。 我也尝试过函数append(), html(), text() 。 他们都没有帮助我

Answer 1

text()对我有用。 参见https://jsfiddle.net/mgLp90em/ 。

您正在使用什么jQuery版本？

Answer 2

这应该可以解决问题，只从#elem的孩子那里获取文本：

$('#text').val($('#elem').children().text());

小提琴

Answer 3

我建议使用contenteditable div元素而不是textarea ，如下所示：

<div class="text-area" contenteditable>
    <h1>Your content here</h1>
</div>

参见JSfiddle演示