- Issue created by @bellemaremederic
- Assigned to bellemaremederic
- Status changed to Closed: won't fix
3 months ago 6:51pm 28 August 2024 use
.ck-editor .ck-content [...css class]dont use only .ck-content as the doc tell you
I just realized that it is impossible to customize default HTML elements with the Tutorial → .
ckeditor5-stylesheets: - css/cke5-style.css
When I try to customize the blockquote border-left color, I cannot surpass inline JavaScript specificity CSS 1:0:0:0 without using !important.
Create a new CSS file ckeditor5.css in sites and add the following:
blockquote { border-left: 3px solid red; }
In your {site}.info.yml file, add:
ckeditor5-stylesheets: - ckeditor5.css
You will see in your frontend devtools that the inline CKEditor 5 style overrides your customization.
We need a way to inject custom CSS that overrides any CKEditor 5 default inline style without using !important in the CSS file.
I don't know if it's possible to inject the custom CSS file into the CKEditor instance when it's created to inline it?
Closed: won't fix
Code
It involves the content or handling of Cascading Style Sheets.
It restores functionality that was present in earlier versions.
use
.ck-editor .ck-content [...css class]
dont use only .ck-content as the doc tell you