JQuery - выходной объект как текст?

Question

Итак, у меня есть виджет, который ищет выходной HTML-источник как текст, как часть процесса обзора. Есть ли способ, которым я могу взять выбранный элемент, добавить его в целевой div и вывести его как текст, а не как дочерний объект в DOM?

ОБНОВЛЕНИЕ: Я хотел бы избежать текстового поля, если это возможно - они представляют собой сложность в моей настройке формы, а также уязвимость для всех, у кого есть базовые навыки в firebug/inspectEl.

Answer 1

Вам нужно бежать HTML-символов, поэтому < становится & лт; и т.д. - см ответы здесь: Escaping HTML strings with jQuery

Answer 2

Вы можете вставить код в TEXTAREA теги и HTML, будут напечатаны в виде текста

jQuery('#idOfTextArea').text(html); 

Answer 3

Если вы хотите, чтобы избежать textarea тогда единственным возможным вариантом, что я знаю из <code> тега и <pre> тега распознает пробелы, так что код правильно отступом. Попробуйте эту скрипку.

jsfiddle