【发布时间】:2013-11-27 14:35:18
【问题描述】:
我正在 CKEditor 中构建一个简单的表格。如果我选择左对齐或右对齐,它会在保存时与视图的预期一侧对齐。但是,如果我选择居中对齐,保存时会失败。这显然不是整个页面,因为上下居中对齐文本将显示居中对齐。这个问题只有在“保存”时才会变得明显......(即居中对齐的表格将在编辑中居中对齐)。
你能建议发生了什么吗? 谢谢
【问题讨论】:
标签: ckeditor
我正在 CKEditor 中构建一个简单的表格。如果我选择左对齐或右对齐,它会在保存时与视图的预期一侧对齐。但是,如果我选择居中对齐,保存时会失败。这显然不是整个页面,因为上下居中对齐文本将显示居中对齐。这个问题只有在“保存”时才会变得明显......(即居中对齐的表格将在编辑中居中对齐)。
你能建议发生了什么吗? 谢谢
【问题讨论】:
标签: ckeditor
表格对齐到中心 CKeditor 将生成类似这样的内容,<table align="center">
但它不起作用。
最后我找到了使用 CSS 的解决方案,这里是我的代码
table[align="center"] {
margin: 0 auto;
}
【讨论】:
居中实际上是如何进行的?如果您使用 XHTML 配置进行了配置,这听起来像是一个类问题 - 如果不是,它可能是 CSS !important 覆盖规则。
我已经根据 XHTML 示例配置了 CKE,因此我的 CKE 会以如下表格单元格为中心生成:<td class="JustifyCenter">Twilight Sparkle</td>。因此,如果您将 CKEditor 生成的 HTML 放在外部页面中,请确保 JustifyCenter 类实际定义在父页面中。同样在开发者工具中,不仅存在类规则,而且它实际上是正确且适用的。
还可以在您的开发人员工具中检查您的 CSS 样式是否确实有效或是否被覆盖。如果您有像 td {text-align:left !important;} 这样的父页面 CSS 规则并且 CKE 生成像 <td style="text-align:center">Fluttershy</td> 这样的内容,则父页面将覆盖您的内联 CSS 定义。
我只是在这里猜测 - 如果您能向我们展示保存时使用的最终代码以及您的 CKEditor 配置,将会有所帮助。
【讨论】: