将自定义表格样式从 CSS 应用到 CKEditor 视图答案

【问题标题】：Apply custom table styles from CSS to CKEditor view将自定义表格样式从 CSS 应用到 CKEditor 视图
【发布时间】：2013-05-27 12:13:42
【问题描述】：

我正在尝试将 CKEditor 4.1.1 集成到我的站点中。到目前为止，我基本上已经让它工作了，除了我网站 CSS 中的一些特定表格样式没有在编辑器中应用。我已经尝试将 config.contentsCss 设置为指向我的站点范围的样式表，这对我的大多数其他内容都有帮助，但它似乎并没有应用表格样式。这是我正在使用的 CSS：

table#availability {
    width: 90%;
    border-collapse: collapse;
}

table#availability td, table#availability th {
    border: 1px solid #ccc;
    padding: 4px 7px 5px 8px;
}

table#availability th {
    text-align: center;
    font-weight: bold;
}

table#availability td + td {
    text-align: right;
}

这东西对于 CKEditor 来说是不是太高级了？

【问题讨论】：

这仅影响具有 availability 属性的 id 属性的表，您确定一旦添加带有 CKE 的表，它就具有 id availability?
不，但我希望已经具有该 ID 的表也可以这样设置。

标签： css ckeditor

【解决方案1】：

默认情况下，CKEditor 4.1 去除了类、样式和任何未在其规则中指定的属性，当然还有任何您无法使用其按钮生成的元素。您可以检查编辑器生成的内容，以验证 ACF 没有破坏您当前的内容。

如果这是问题所在，您可能需要禁用它：

CKEDITOR.config.allowedContent = true;

【讨论】：

完美，谢谢！不知道为什么我在 Google 上没有找到。