CKEditor从combopanel删除所有样式和标签（下拉列表）

Question

我为CKEditor使用自定义CSS样式表，并希望禁用下拉列表中所有样式和格式标记的预览，并仅在div中显示名称。现在，CKEditor使用类创建相应的标记以设置预览样式。 （如截图所示）：

如果在下拉列表中有h2标记，则会在block elements标记的h2下显示该标记。它使下拉列表继承h2标记的整个网站样式。

我可以通过为特定下拉列表添加规则来实现此目的，但我们想知道是否有内置配置以更通用的方式停止它。也许强迫它总是使用简单的span或div。只有一个经典的下拉列表，没有组，没有添加样式。

感谢您的帮助。

由于

Answer 1

这是一种蛮力方法，但您可以使用.cke_panel_listItem文件中的一些相关子选择器覆盖列表项样式content.css。

在此示例中，我控制列表中h1，h2，h3和div项的显示风格：

.cke_panel_listItem h1,
.cke_panel_listItem h2,
.cke_panel_listItem h3,
.cke_panel_listItem div {
    font-size: 12px !important;
    font-style: normal !important;
    font-weight: normal !important;
    color: #000000 !important;
    background-color: #ffffff !important;
    border: none !important;
 }

原始样式定义（例如在ckeditor＆＃39; styles.js文件中定义的样式定义）仍将应用于所选文本，但下拉菜单本身将使用简单的12px文本显示标签。