Предварительный просмотр HTML с помощью JavaScript или JQuery

Question

Я хотел бы собрать быстрое окно предварительного просмотра HTML, которое берет содержимое текстовой области и отображает его в модальном диалоге с помощью одной кнопки закрытия. Содержимое должно быть отображено как HTML.

Не уверен, как это сделать .. как лучше?

Answer 1

Если вы используете пользовательский интерфейс jQuery, что-то вроде этого:

HTML

<textarea id="mytext"></textarea>
<div id="dialog"></div>

JavaScript

$('#dialog').dialog({ modal: true, autoOpen: false });

function preview() {
  $('#dialog').html($('#mytext').val());
  $('#dialog').dialog('open');
}