Anteprima HTML tramite JavaScript o JQuery

Question

Vorrei creare una finestra di anteprima HTML rapida che raccolga il contenuto di un'area di testo e lo mostri in un dialogo modale con un solo pulsante di chiusura. Il contenuto dovrebbe essere reso come HTML.

Non so come fare per questo .. qual è il modo migliore?

Answer 1

Se stai usando jQuery UI, qualcosa di simile:

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