我怎样才能设计ckeditor5？（背景颜色和东西）

Question

我一直在尝试为 ckeditor 提供背景颜色，但似乎没有任何效果。

查看浏览器检查中的类名并尝试编写与这些类相关的样式，但没有成功。我认为它会覆盖它们。

谁能帮帮我？

Answer 1

ckeditor5 窗口的背景颜色是使用这样的 CSS 变量定义的：

.ck.ck-editor__main>.ck-editor__editable {
    background: var(--ck-color-base-background);
    border-radius: 0;
}

您可以自定义外观，但导入一个覆盖这些变量的新 CSS 文件。他们在这里提供了一个很好的指南： https://ckeditor.com/docs/ckeditor5/latest/framework/guides/deep-dive/ui/theme-customization.html

Answer 2

1. 检查您编写的样式是否已正确加载，如果未应用，您应该在开发工具中看到带有删除线的样式
2. 增加样式的特异性，要么给它们一个父对象，所以它是.parent .class {}，或者如果这还不足以覆盖CKEditor的类，你可以继续增加特异性或添加!important，我不喜欢除非我必须，否则使用重要，因为您可能希望稍后覆盖覆盖。