Установить HTML текста в текстовое поле JS

Question

У меня есть текстовое поле, где мне нужно установить некоторую 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

Я бы рекомендовал использовать contenteditablediv элемент вместо от textarea следующим образом:

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

См. JSfiddle demo

Answer 2

Это должно сделать трюк, получает только текст из детей в вашей #elem:

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

FIDDLE

Answer 3

text() работал для меня. См. https://jsfiddle.net/mgLp90em/.

Какая версия jQuery вы используете?