影响页面样式的jQuery UI模式框

我正在使用jQueryUI的模式框预览添加到文本区域的一些html内容。如果我在文本区域中为html添加一些样式，在我关闭该框后，它会影响我的页面样式。我的意思是，如果有任何匹配的元素，则应用这些样式。我怎样才能防止这种情况

我使用以下代码来显示模式框

$("#preview_button").click(function() {
     $('#preview').dialog({ modal: true, autoOpen: false,width:960,height:400,dialogClass:'dialog_style1',title: "Email Content Preview"});
     $( "#preview" ).dialog( "option", "buttons", [ { text: "Ok", click: function() { $( this ).dialog( "close" ); } } ] );
     $('#preview').html($('#email_content').val());
     $('#preview').dialog('open');
});

这是JS文件

---

显示模式时，您正在解析文本框中的html。您可以通过将html加载到

iframe

中，然后显示iframe来防止这种情况。看看

Code（），否则它永远不会发生：D@ValiD现在添加到这里，请添加一些HTML和指定的删除前2个包含的脚本，因为您添加了两次jquery和jqueryui，我的JSFIDLE似乎也可以在那里发生。请将此页面添加到源