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