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

时间:2013-05-27 12:13:43

标签: css ckeditor

我试图在我的网站中集成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来说是不是太先进了?

1 个答案:

答案 0 :(得分:4)

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

如果这是问题,您可能想要禁用它:

CKEDITOR.config.allowedContent = true;