javascript - 我应该使用 iframe 来显示独立的 html/css 吗？

Question

我正在构建一个微型网站设计器 - 想想 MailChimp 的电子邮件模板设计器。

当用户构建他的站点时，他需要能够预览它。我想将此预览与存在于我的应用程序页面上的 CSS 隔离开来。我应该怎么做？

我可以想到两种选择:

1. 使用 CSS 重置。重置特定的 div，并将预览放在那里。不过，这似乎很困难且容易出错。

2. 使用 iframe。但是，iframe 不是像瘟疫之类的吗？

Answer 1

对于需要隔离的特定用途，iframe 在 HTML5 中仍然有效，并且您的要求似乎表明它们是一种潜在的解决方案。

使用 div 似乎会使事情变得更复杂。您必须处理 css 重置并将父站点与预览隔离开来，这可能是通过为生成的样式声明添加前缀来实现的。如果您的设计器包含动态脚本组件，您会更加头疼。