0

如何阻止 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;
 }
4

3 回答 3

3

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

于 2012-10-24T23:04:07.180 回答
1

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

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

于 2012-10-10T12:33:18.623 回答
1

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

于 2012-10-10T13:40:17.420 回答