我可以使用独立样式表显示内部div吗？

Question

我的应用程序允许用户编辑文档。毫不奇怪，编辑器小部件将用户文档表示为HTML。

我需要在编辑器外重新显示文档，但需要在我的网站布局中重新显示。文档需要以与编辑器中显示的完全相同的样式显示，不受我的网站样式表的影响。我可以在只读模式下使用编辑器，隐藏所有按钮，但我仍然需要解决滚动条和边框样式问题。

我已经确定了编辑器使用的CSS文件。如何有效地配置div元素（将包含文档的元素）到（1）忽略所有当前样式，以及（2）加载css文件以应用于其内容？

Answer 1

您有两种选择：

1。）重置包含文档的div上的所有样式，并确保文档的样式优先于重置。这可能会变得混乱。

2。）使用iframe并在iframe中加载文档和样式。

<iframe src=".../documents/myDocument.html"></iframe>

其中“myDocument.html”是包含文档和样式的html文档（将文档html页面视为任何其他html页面，并确保其具有正确的头部和身体标记等。

其他选择：

1。）在另一个窗口中打开文档html页面。

<a href=".../document/myDocument.html" target="_blank" >Open Document</a>

2。）将文档渲染为pdf，然后使用pdf查看器将其加载到页面中。 （你想保留原始文档的备份，因为转换回来会很糟糕，我猜）。

Answer 2

是和否。如果要使用div，则需要使用样式表，其样式定义为“重置”该div的css。这基本上会撤消您网站的样式，然后任何新的样式选择器都应限制在该div本身内。

否则，我会建议使用像iframe这样的东西来渲染一个真正独立的文档。