CKEditor从combopanel(下拉列表)中删除所有样式和标记

CKEditor从combopanel(下拉列表)中删除所有样式和标记,ckeditor,Ckeditor,我为CKEditor使用自定义CSS样式表,并希望禁用下拉列表中所有样式和格式标记的预览,例如,仅在div中显示名称。现在,请编辑或使用类创建相应的标记以设置预览样式。(如屏幕截图所示): 如果下拉列表中有一个h2标记,它将在h2标记中的块元素下显示它。它使下拉列表继承h2标记的整个站点样式 我可以通过为特定的下拉列表添加规则来实现这一点,但我想知道是否有一个内置配置可以以更通用的方式阻止这种情况。也许要强迫它总是使用简单的span或div。只有一个经典的下拉列表,没有组,没有添加样式 谢谢你

我为CKEditor使用自定义CSS样式表,并希望禁用下拉列表中所有样式和格式标记的预览,例如,仅在div中显示名称。现在,请编辑或使用类创建相应的标记以设置预览样式。(如屏幕截图所示):

如果下拉列表中有一个
h2
标记,它将在
h2
标记中的
块元素下显示它。它使下拉列表继承
h2
标记的整个站点样式

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

谢谢你的帮助


谢谢

这是一种蛮力方法,但您可以在
content.css
文件中使用一些相关的子选择器覆盖列表项样式
.cke\u panel\u listItem

在本例中,我控制列表中
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的
styles.js
文件中定义的样式)仍将应用于所选文本,但下拉菜单本身将使用简单的12px文本显示标签。

是,这是我已经做过的,但我想知道插件本身是否有一些参数或东西迫使它停止使用真正的标记,而只使用普通的
div
或任何东西,而不是
h2
h3
等等