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

时间:2012-05-03 16:41:29

标签: menu styles drop-down-menu ckeditor preview

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

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

如果可能的话,我希望列表中的样式根本没有预览。

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

有什么建议吗?提前谢谢!

1 个答案:

答案 0 :(得分:3)

我能够使用contentsCss config property执行此操作。所以:

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

然后在wysiwyg.css中输入你的CSS代码:

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