Problem/Motivation
Integration with CKEditor5. By now there are some style issues and no support for darkmode.



| Comment | File | Size | Author |
|---|---|---|---|
| #19 | Schermafdruk van 2022-10-11 12-10-49.png | 47.03 KB | johan den hollander |
| #19 | Schermafdruk van 2022-10-11 12-10-16.png | 48.5 KB | johan den hollander |
| #17 | ck5_fix_darkmode.png | 111.08 KB | saschaeggi |
| #17 | ck5_fix.png | 354.54 KB | saschaeggi |
| #16 | Schermafdruk van 2022-10-10 19-19-57.png | 190.29 KB | johan den hollander |
Issue fork gin-3255204
Show commands
Start within a Git clone of the project using the version control instructions.
Or, if you do not have SSH keys set up on git.drupalcode.org:
Comments
Comment #2
wim leersIIRC this bug was fixed months ago, I forget if that was on the Drupal side (downstream) or on the CKE5 side (upstream):
Can you test this again, with the latest Drupal 9.3 patch release? 🙏
Comment #3
wim leersRE: dark mode: a quick search led me to https://github.com/ckeditor/ckeditor5/issues/8275, which in turn led me to https://ckeditor.com/docs/ckeditor5/latest/examples/framework/theme-cust... — look at that! 🤩🥳
Doesn't that sound wonderful? :D
Comment #4
dieterholvoet commentedThere's still a z-index issue when scrolling a text area out of the viewport while having the heading dropdown open.
Comment #5
dieterholvoet commentedThe default size of an empty text area is also quite small, not sure if this is a Gin issue.
Comment #7
saschaeggiComment #8
saschaeggiComment #9
saschaeggiCKEditor 5 support with proper Darkmode integration is ready for testing! 🥳
Comment #10
wim leersVery nice! And with surprisingly little code! :D
The most recent CKEditor 5 update (#3306153: Update CKEditor 5 to 35.1.0) incorporated a huge amount of work (done upstream!) to ensure sufficient contrast. It was required for #3283803: [upstream] CKE5 toggleable toolbar items not enough contrast. It'd be a shame if this regressed on that front 🤓
Comment #11
saschaeggi@wimleers this has been addressed 👍
Comment #12
damienmckennaComment #13
saschaeggiComment #14
saschaeggiStill looking for a review here
Comment #15
saschaeggiComment #16
johan den hollander commentedJust tested this with the code from the MR in a site running Drupal 9.4.8 with CKEditor 5 enabled.
Looks good to me!
Contrast

Darkmode

Comment #17
saschaeggi@Johan den Hollander I fixed 2 small visual bugs for the highlighted item background and the icon color in the latest ckeditor5 version.
Comment #19
johan den hollander commentedAllright. Updated core to use the latest 9.4.x dev version.
Also saw Gin updating to a later commit:
- Upgrading drupal/gin (dev-3255204-support-ckeditor5 59a412d => dev-3255204-support-ckeditor5 7fe65ee)
Had to do some intense staring on the provided screenshots but could make out the differences.
Look like it's the same now:
Comment #20
wim leersThis looks very solid to me 🤩
Love that you're feeding
--gin-SOMETHINGinto--ck-SOMETHING— impressive reuse & extensibility! 🤓I don't think this should be blocked on accessibility review — even if it's maybe less optimal, this clearly is a step in the right direction, we shouldn't block contrib themes on the strict gates that core needs to comply with. Pragmatic progress matters more!
🤣👏
Comment #21
saschaeggiLove that you're feeding --gin-SOMETHING into --ck-SOMETHING — impressive reuse & extensibility! 🤓Yeah the fact that CK5 also uses CSS3 vars made this waaaay easier. Only minimal overrides were needed.
Comment #22
wim leers#3314541: Remove unnecessary fill from SVG icon for the "Media Library" CKEditor 5 button — enabling dark mode support in contrib landed! 🚀
Comment #24
saschaeggiThanks all for making this a reality!