javascript - テキストボックスから html を取得し、ポップアップに表示する

Question

htmlなどを含むテキストボックスから文字列を取得しています<html><head><body><div></div></body></head></html>。

基本的に、テキストボックスからコンテンツを取得しましたが、ポップアップを HTML ページのように表示することはできません。

私のjqueryコードでは

          var html = document.getElementById('<%=txtHtmlBody.ClientID%>').value;
          $(html).dialog();

現時点では、コンテンツは透明な背景を持つ小さなボックスに押しつぶされているように見えます。これをポップアップでHTMLページのように表示するにはどうすればよいですか?

score 0 · Accepted Answer

divテキストボックスの内容で満たされたが必要です。

var myhtml = document.getElementById('<%=txtHtmlBody.ClientID%>').value;
$('#mydiv').html(myhtml);
$('#mydiv').dialog();

score 0 · Accepted Answer

ページに空の要素を 1 つ追加する必要があります。

<div id="dialog"></div>

したがって、フィールドの値を要素に入れ、これを表示します:

$('#dialog').html($('#<%=txtHtmlBody.ClientID%>').val());
$('#dialog').dialog();

javascript - テキスト ボックスから html を取得し、ポップアップに表示する