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