Question

我正在使用CMS。它的一个功能是在WYSIWYG编辑器中编辑HTML“块”，它们显示为单独的页面。

我在CMS中有一个预览这些块的区域。

这些块依赖于加载到WYSIWYG编辑器中的“foundation.css”文件。它做了一些小的重置，定义了默认的字体和文本颜色，整体上非常简单。

显然，CMS附带了大量的CSS语句，其中许多会影响字体大小，族，颜色，行高，填充等常规设置。

当然，当我尝试在CMS页面中显示HTML块时，它看起来与仅使用foundation.css样式表显示的时间不同。

有人能想到从以前的所有样式定义中清除HTML页面中定义区域（比方说，DIV）的方法吗？我不能。

显示chunk和嵌入foundation.css的iframe会有所帮助，但是我担心用户的工作流程需要渲染5-10个IFrame，然后在加载后通过JS调整高度。呸。
我已经考虑过将所有其他CSS“提升”到一个子类（即调整CMS的CSS），但这会涉及到触摸很多文件，有些可能是PHP源代码，而且我会而不是那样做。

我不认为这有解决方案，但你永远不知道。

Answer 1

有CSS Reset个样式表;你可以修改那些吗？

Answer 2

你可以给所有包含来自WYSIWYG编辑器的代码的div一个类，然后重置该div中的所有内容。

Answer 3

添加到GSto所说的你可以设置一些样式，如

div.clearCss *
{
  property: value !important 
}

重置所有相关的样式属性。此样式应该应用于clearCss设置为其类的元素下的任何内容，因此您只需要将该类应用于父元素。

Answer 4

您是否在CMS中使用特定的WYSIWYG编辑器？我发现Telerik RadEditor允许您将特定样式表用于编辑器的实际编辑区域。您正在使用的编辑器也可以这样做。

祝你好运，希望这会有所帮助。

Answer 5

如果以TinyMCE为例，他们也使用iframe，我认为他们遇到了和你一样的问题。我在后端和一些页面上使用它4个iframe。我没有看到任何性能问题。

使用TinyMCE可以压缩您需要的功能（在PHP，JSP，.NET和Coldfusion中），这样可以提高速度。

三思而后行，你可以编写自己的WYSIWYG编辑器，其他人都经过了充分的测试，并且几乎可以满足所有需求，提供非常好的插件。