我如何设置 ckeditor5 的样式？（背景颜色和其他东西）

Question

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

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

谁能帮帮我？

Answer 1

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

Answer 2

ckeditor5 window 的背景颜色是使用 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