將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演示