jquery - 通过 JavaScript 或 JQuery 进行 HTML 预览

Question

我想拼凑一个快速的 HTML 预览窗口，它获取文本区域的内容并在带有单个关闭按钮的模式对话框中显示它。内容应呈现为 HTML。

不确定该怎么做..最好的方法是什么？

Answer 1

如果您使用的是 jQuery UI，则如下所示:

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');
}