Вставить HTML в textarea

AlexGr4,

$('.sp').click(function() {

$('textarea').html('<div class="z"></div>');

});

$('.sp2').click(function() {

var val = $($('textarea').val());

$(val).html('<div class="x"></div>');

$('textarea').val($(val)[0].outerHTML);

});

Да вроде нормально спросил)

Вот тут html по клику выводится в текстареа.

https://jsfiddle.net/pkgmm1ew/12/

Как сделать по клику что бы выводить тот же html код, но не в текстареа, а в обычный div?

Если делать так рас <br /> два то сработает. Но это не вариант так как кода может быть много.

AlexGr4, вот так например https://jsfiddle.net/pkgmm1ew/13/

Нет. Вы не так поняли) В вашем примере не видно html кода после клика.

Вот что надо сделать https://jsfiddle.net/pkgmm1ew/14/ что бы html отображался.

Но тут я применил замену скобок в ручную <br />. Это не удобно если кода будет много.

Я понял, наконец. Вы хотите сделать видимыми теги хтмл.

http://htmlbook.ru/html/xmp

Правда, тег xmp исключён из спецификации, но пока работает.

Sitealert, да. Вот оно

$('.sp').click(function() {

$('body').append('<xmp>рас <br /> два</xmp>');

});

Спасибо )

---------- Добавлено 07.06.2017 в 13:02 ----------

Sitealert, что значит пока работает? Это от чего зависит?

https://jsfiddle.net/pkgmm1ew/15/

Ну, то есть из спецификаций HTML4 и HTML5 этот тег исключен, поэтому является устаревшим/нестандартным, но браузеры его пока вроде как поддерживают в силу его удобности.

AlexGr4, как вариант https://jsfiddle.net/pkgmm1ew/16/

Всем спасибо за помощь!