如何在CKEditor上下文菜单中添加滚动条

Question

我正在添加上下文菜单中的项目。 当添加太多项目时，它会出现在 ckeditor 上。 因此，我希望为上下文菜单添加滚动条。

editor.addMenuItem(suggestionBoxItem,
                                        {
                                            id: Id,
                                            label: menuLabel,
                                            group: 'suggestionBoxGroup',
                                            icon: null,
                                            onClick: function () {
                                                editor.setData('');
                                                editor.insertHtml(this.labelText);
                                            },
                                        });

- Hemant Malpote

---

你找到这个问题的解决方案了吗？ - carpenter

我使用覆盖 ckeditor css 的方式完成了它。 - Hemant Malpote

Answer 1

您需要自定义 ckeditor 的 CSS 样式。在 ckeditor/skins/SKIN_NAME 文件夹中，您需要找到相应的 *.css 文件（在我的情况下是 editor.css），并覆盖以下属性。

.cke_panel {
    height: YOUR_DEFAULT_HEIGHT;
    max-height: MAX_HEIGHT;
}

.cke_menu_panel {
    overflow-y: auto;
}

当上下文菜单加载时，如果没有溢出，高度是您的默认高度。而最大高度是在启用上下文菜单滚动时。

- carpenter