css - CKEditor 对话框中的自定义样式

Question

我正在尝试将 MathQuill 数学编辑器集成到 MathJAX 小部件/插件的对话框中。

我成功地将输入框替换为 MathQuill 输入框，但现在我想添加一个数学工具栏，如下所示：http: //jenseng.github.io/mathquill/demo.html

问题是 CKEditor 使用通配符选择器重置所有样式，.cke_reset_all *并且漂亮的 MathQuill 工具栏根本不呈现（请参见此处的屏幕截图）。

通过使用 Safari 检查元素选项，我发现（几乎）所有由 mathquill.css 设置的样式都被通配符重置覆盖。我设法注释掉了其中的属性，.cke_reset_all *并且恢复了 MathQuill 编辑器的布局。

是否可以避免.cke_reset_all *ckeditor 对话框中的某些组件？我可以通过 jQuery 删除通配符样式吗？

Answer 1

据我所知，没有办法选择性地禁用.cke_reset_all *，并且让 Mathquill 忽略该规则需要对 Mathquill 的 CSS 进行大量编辑。

但是，您可以通过将其添加到对话框定义中来从对话框中删除该类：

onLoad: function () {
    this.getElement().removeClass('cke_reset_all');
}

完成此操作后，如果您对对话框的外观不满意，您可以返回并专门应用于cke_reset_all您想要 CKE 原生样式的元素，只要它们不是 Mathquill 编辑器的祖先。