Aperçu HTML via JavaScript ou JQuery

Question

Je voudrais lancer une fenêtre d'aperçu rapide HTML qui prend le contenu d'une zone de texte et l'affiche dans un dialogue modal avec un seul bouton de fermeture. Le contenu devrait être rendu en HTML.

Vous ne savez pas comment procéder ... quelle est la meilleure façon?

Answer 1

Si vous utilisez l'interface utilisateur jQuery, quelque chose comme ceci:

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