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

Question

我正在尝试将 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来说太先进了吗？

Answer 1

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

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

CKEDITOR.config.allowedContent = true;