我怎樣才能設計 ckeditor5 的樣式？（背景顏色和東西）

Question

我一直在嘗試為 ckeditor 提供背景顏色，但似乎沒有任何效果。

在瀏覽器檢查中查看類名並嘗試編寫與這些類相關的樣式，但沒有奏效。 我認為它覆蓋了它們。

誰能幫我嗎？

Answer 1

1. 檢查您編寫的樣式是否已正確加載，如果未應用，您應該在開發工具中看到它們並帶有刪除線
2. 增加樣式的特異性，或者通過給它們一個父級，所以它是.parent .class {}或者如果這還不足以覆蓋 CKEditor 的類，你可以繼續增加特異性或添加!important ，我不喜歡使用除非我必須這樣做，否則很重要，因為您可能希望稍后覆蓋覆蓋。

Answer 2

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