我可以用独立的样式表显示内部div吗?

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

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

我已经确定了编辑器使用的CSS文件。 我怎样才能有效地配置一个div元素(包含文档的元素)为(1)忽略所有当前样式,并(2)加载一个css文件以应用其内容?


你有两个选择:

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查看器将其加载到页面中。 (你会想保留原始文件的备份,因为转换会很糟糕,我猜)。


是和不是。 如果你想使用div,你会希望使用样式表,样式表定义为“重置”该div的css。 这基本上会撤消你的网站的样式,然后任何新的样式选择器应该被限制在该div中。

否则,我会建议使用类似iframe的东西,在那里你可以渲染一个真正独立的文档。

链接地址: http://www.djcxy.com/p/89947.html

上一篇: Can I display an inner div with an independent stylesheet?

下一篇: All the toolbar buttons of Froala