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

Question

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

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

如果可能的话，我只想让列表中的样式根本没有预览。

我试图将.cke_panel_listItem p {margin-left： 0px ！important;} 添加到我的全局.css编辑器.css。无论我做什么，我都无法覆盖内联样式。

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

Answer 1

我能够使用 contentCss 配置属性来做到这一点。所以：

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

然后在所见即所得.css输入你的 CSS 代码：

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