WYGWAM 文本编辑器覆盖 ExpressionEngine 中的 CSS 设置答案

【问题标题】：WYGWAM text editor overwrites CSS settings in ExpressionEngineWYGWAM 文本编辑器覆盖 ExpressionEngine 中的 CSS 设置
【发布时间】：2012-10-09 23:32:26
【问题描述】：

如何阻止 ExpressionEngine 中的 WYGWAM（所见即所得编辑器插件）覆盖我已有的 css 设置？我知道其中一些不会被覆盖，因为文本是正确的颜色。

但是，我设置了左列的宽度，该列包含包含 WYGWAM 条目的 div，以及文本 WON'T WRAP。

另外，CKEditor 和 WYGWAM 有什么区别？

只是一个卑微的实习生......非常感谢！

更新：

<div id="leftColumn">       
    <div id="landingBodyCopy" class="landingBodyCopyText">
        {landing_body_copy}
    </div>
    <br>

    <div id="graphicLinks">
        {embed="in-store-analytics/retail-analytic" quote="{quote}"}
    </div>
</div>

还有css：

#leftColumn{
    float:left;
    width: 400px;
    bottom: -50px;
    height: 600px;
 }
 #landingBodyCopy {
    width: 400px;
    height: 500px;
 }

【问题讨论】：

您的文本不会换行，因为它似乎没有任何空白可以中断。
哈哈对！当我看到我的例子不起作用时，我变得超级偏执。虽然我认为它应该在任何一种情况下都会中断。另外，你知道我可以做些什么来覆盖高度方面吗？
例如，当我在字母之间添加中断时，文本只是溢出了 div 设置的底部
不看相关代码就无法判断。

标签： html css wysiwyg expressionengine word-wrap

【解决方案1】：

部分问题可能是您使用 WYGWAM 进行布局。通常为页面上的每个内容块创建一个字段更合适。例如，主列的单个字段，可能是下拉或 Playa 字段来选择正确的列，或者是文件字段来为其选择图像。

【讨论】：

【解决方案2】：

如果您想防止文本溢出其包含的 div，则需要允许 div 随内容一起扩展，或者阻止显示额外的文本。根据哪一个对您的情况有意义，您需要从 CSS 中删除 height: 600px 和 height: 500px，或者将 overflow: hidden 添加到 #landingBodyCopy 规则中。

【讨论】：

好的，这就是我几乎按照您的建议所做的：我在#leftColumn 中添加了“溢出：隐藏”
以及摆脱 BodyCopy 上的高度参数

【解决方案3】：

回答您问题的第二部分 - Wygwam 是一个 ExpressionEngine 插件，它捆绑了 CKEditor（一个开源组件）并将其打包以使其与 EE 很好地配合。

要回答您问题的第一部分 - 您尚未指定 Wygwam 将覆盖您不想要的内容，因此很难提供帮助。不过，我建议您阅读 CSS“重要性”。例如，如果您将文本区域包装在 div 中并根据该 div 的 ID 应用样式，它们通常会优先于 wygwam 添加的内容（取决于具体情况）。

【讨论】：

好的，感谢 CKEditor 的澄清。这让我在谷歌搜索 WYGWAM 更有意义，这几乎完全是关于 CKEditor 的问题。