CKEditor 从样式下拉列表中删除样式预览

Question

我一直在寻找这个问题的答案，但找不到解决方案。

我在 CKEditor 中添加了一些自定义样式，为选定的文本添加了左侧边距。问题是这会导致样式预览在样式列表中向右移动。如此之多，以至于他们离开了下拉列表的右侧。不幸的是，我没有足够的代表来发布屏幕截图。

如果可能的话，我希望列表中的样式完全没有预览。

我尝试将 .cke_panel_listItem p {margin-left: 0px !important;} 添加到我的 global.css 和 editor.css。无论我做什么，我都无法覆盖内联样式。

有什么建议吗？提前致谢！

Answer 1

我可以使用contentsCss config property 做到这一点。所以：

CKEDITOR.editorConfig = function( config ) {
  config.contentsCss  = 'wysiwyg.css';
}

然后在 wysiwyg.css 中放入你的 CSS 代码：

.cke_panel_listItem p {
  margin-left: 0px !important;
}