将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());

<强> FIDDLE

Answer 3

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

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

请参阅JSfiddle demo