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