HTML-Vorschau über JavaScript oder JQuery

Question

Ich möchte ein schnelles HTML-Vorschaufenster zusammenstellen, das den Inhalt eines Textbereichs aufnimmt und in einem modalen Dialog mit einer einzigen Schließen-Schaltfläche anzeigt. Der Inhalt sollte als HTML gerendert werden.

Nicht sicher, wie man das macht .. was ist der beste Weg?

Answer 1

Wenn Sie jQuery UI verwenden, etwa so:

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