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

Question

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

但是，我设置左列的宽度，其中包含包含WYGWAM条目的div，以及文本WILL NOT 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;
 }

Answer 1

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

Answer 2

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

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

Answer 3

如果要保持文本不会溢出其包含的div，则需要允许div使用其内容进行扩展，或者防止显示额外的文本。根据您的具体情况，您需要从css中删除height: 600px和height: 500px，或将overflow: hidden添加到#landingBodyCopy规则。