如何在阻止从我网站的其他部分继承样式的同时显示HTML预览？

Question

我有一个textarea，我让用户写一些HTML。

然后，他们可以单击“预览”链接，该链接触发ajax，将原始HTML发送到使用JSoup进行清理的控制器（它返回已清理的字符串）。

然后我在模态对话框中显示已清理的HTML。

除了模态对话框的CSS样式从我网站的其他部分向下级联，我想要显示HTML预览没有任何样式以外，这一切都很有效。

我经常搜索（例如我发现Any way to display some heavily-styled HTML in isolation from the rest of site's styles?），但无法找到解决方案。

感谢您的帮助！

-Ryan

Answer 1

您可以将预览写入服务器上的文本文件，然后使用没有网站css的模板打开iframe。

我打赌你的问题源于通用的CSS选择器。像

这样的事情

div p{
    background:#fff;
}

或者可能不那么通用，但非常具体，以至于它被预览捕获。