Vista previa HTML a través de JavaScript o JQuery

Question

Me gustaría juntar una ventana rápida de vista previa HTML que toma el contenido de un área de texto y lo muestra en un diálogo modal con un solo botón de cierre. Los contenidos deben presentarse como HTML.

No estoy seguro de cómo hacerlo ... ¿cuál es la mejor manera?

Answer 1

Si estás usando jQuery UI, algo como esto:

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