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

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

但是，我设置了左栏的宽度，该栏包含包含WYGWAM条目的div，文本不会换行

另外，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>

---

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

---

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

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

---

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

如果要防止文本溢出其包含的div，则需要允许该div与其内容一起展开，或阻止显示额外的文本。根据您的情况，您需要从css中删除

height:600px

和

height:500px

，或者将

overflow:hidden

添加到

#landingBodyCopy

规则中。

如果要防止文本溢出其包含的div，您需要允许div扩展其内容，或者防止显示额外的文本。根据您的情况，您需要从css中删除

height:600px

和

height:500px

，或者将

overflow:hidden

添加到

#landingBodyCopy

规则中。

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

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

您的文本不会换行，因为它似乎没有任何空白。哈哈，对了！当我看到我的例子不起作用时，我变得极度偏执。尽管我认为这两种情况下都应该破裂。另外，你知道我可以做些什么来覆盖高度方面吗？例如，当我在字母之间添加分隔符时，文本只是溢出了div设置的底部。如果没有看到相关代码，就无法判断。你的文本不会换行，因为它似乎没有任何空格可以打断。哈哈，对！当我看到我的例子不起作用时，我变得极度偏执。尽管我认为这两种情况下都应该破裂。另外，你知道我可以做些什么来覆盖高度方面吗？例如，当我在字母之间添加分隔符时，文本只是溢出了div设置的底部。如果没有看到相关代码，就无法判断。好的，感谢CKEditor的澄清。这让我在谷歌上搜索WYGWAM时更有意义了，它几乎只搜索到了关于CKEditor的问题。好的，谢谢CKEditor的澄清。这让我在谷歌上搜索WYGWAM变得更有意义了，它几乎只搜索到关于CKEditor的问题。好吧，下面是我几乎按照你的建议所做的：我在#leftcolumn中添加了“overflow:hidden”，并去掉了BodyCopyOk上的高度参数。下面是我几乎按照你的建议所做的：我添加了“overflow:hidden”添加到#leftcolumn，并删除BodyCopy上的height参数

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