首页 文章

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

提问于
浏览 次
0

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

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

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

谢谢你的帮助 .

谢谢

ckeditor

1 回答

  • 0

    这是一种蛮力方法，但您可以使用 content.css 文件中的一些相关子选择器覆盖列表项样式 .cke_panel_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文本显示标签 .

    回复于

相关问题