Question

我有一个表单，允许用户在其中输入自定义html源代码。

现在我想要实现的是提供一个预览按钮，以便在用户填写他们的自定义html并单击预览按钮后，会弹出一个JQuery对话框，显示他们的html的样子。

它有点像所见即所得，唯一的区别是当弹出预览时，用户不允许在弹出窗口上进行编辑。只是给他们看看他们编码的外观和感觉。

在我的JQuery中，它如下所示。

function preview_enhanced(event)
        {
            var b = $("#enhanced_listing_modal").val();
            var content = $.parseHTML(b);

            $("#enhanced_listing_modal").html(content).dialog({
                width: 900,
                height: 600,
                modal: true, 
                buttons: {
                    "Close Preview": function() {
                        $(this).dialog("close");
                    }
                }

            });
        }

我能够获取用户输入的

的html字符串

$("#enhanced_listing_modal").val();

但遗憾的是，我无法成功渲染html并在Dialog上显示成功弹出。根据上面的代码，它给我弹出的html源代码。

我也尝试过更改

$("#enhanced_listing_modal").html(content).dialog({ 
to
$("#enhanced_listing_modal").dialog({

结果与弹出窗口中的html源相同。

我正在测试的Html代码很简单

<html>
  <header><title>This is title</title></header>
  <body>
     Hello world
  </body>
</html>

有没有人知道是否有办法在弹出的对话框中渲染html？或者我愚蠢地做错了。感谢

如何在Jquery中呈现Html源代码并在Dialog Popup中显示

0 个答案: