Question

我正在使用CKEditor版本4.我正在制作自定义样式。问题是，当样式显示在下拉列表中时，任何具有float：right的样式都会在显示屏上移动，如下所示：

Item 1
Item 2 
            FLoat right item
Normal Item

我一直试图覆盖样式，但它不起作用。它们是用JavaScript动态创建的，我甚至不确定类名是否会影响它。

任何人都知道如何解决这个问题？

我的样式代码是这样的：

{ name: 'Image 25% Right', element: 'span', attributes: { 'class': 'img_right_25' } },
{ name: 'Image 25% Left', element: 'span', attributes: { 'class': 'img_left_25' } },
{ name: 'Image 50% Right', element: 'span', attributes: { 'class': 'img_right_50' } },
{ name: 'Image 50% Left', element: 'span', attributes: { 'class': 'img_left_50' } },

然后

.img_right_25 {
    float:right;
    margin-left:10px;
}
.img_left_25 {
    float:left;
    margin-right:10px
}

Answer 1

在editor.css中，尝试添加如下规则：

.cke_panel_listItem * {
    float:none !important;
}

然后刷新页面（确保没有从缓存中使用editor.css的旧内容！）。

这是尝试做什么（我还没有对它进行测试）是强制.cke_panel_listItem下的每个后代元素的浮点值为＆＃34;无＆＃34;。 !important应该确保后续样式定义不能覆盖此规则，因此忽略了JS所做的样式。

CKeditor自定义样式下拉列表 - 浮动

1 个答案: