jquery - JavaScriptまたはJQueryによるHTMLプレビュー

Question

テキスト領域のコンテンツを取得し、1つの閉じるボタンでモーダルダイアログに表示するクイック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');
}