Come together with the global Drupal community in Rotterdam, 28 Sept – 1 Oct 2026. Sessions, contribution, connection, and Early Bird savings until 8 June.Problem/Motivation
Images inserted by useing the media libtrary button are not shown in the edit form
Steps to reproduce
add an article or a blog post
give it a title
click the media library button
upload an image
insert it in the body field
click save
see it live here: https://youtu.be/1i2hIK9znL8
Proposed resolution
- Provides Varbase Media CKEditor 5 integration with Drimage
- Images:
- Responsive
smallimage with containers that are25%wide until a breakpoint. - Responsive
mediumimage with containers that are50%wide until a breakpoint. - Responsive
largeimage with containers that are100%wide until a breakpoint.
- Responsive
- Videos/Remote videos
- Responsive
smallvideo with containers that are25%wide until a breakpoint. - Responsive
mediumvideo with containers that are50%wide until a breakpoint. - Responsive
largevideo with containers that are100%wide until a breakpoint.
- Responsive
Remaining tasks
- ✅ File an issue about this project
- ✅ Addition/Change/Update/Fix to this project
- ✅ Testing to ensure no regression
- ➖ Automated unit/functional testing coverage
- ➖ Developer Documentation support on feature change/addition
- ➖ User Guide Documentation support on feature change/addition
- ➖ UX/UI designer responsibilities
- ✅ Accessibility and Readability
- ✅ Code review from 1 Varbase core team member
- ✅ Full testing and approval
- ✅ Credit contributors
- ✅ Review with the product owner
- ✅ Update Release Notes and Update Helper on new feature change/addition
- ❌ Release varbase-10.0.0-rc2, varbase_media-10.0.0-beta13
Varbase update type
- ✅ No Update
- ➖ Optional Update
- ➖ Forced Update
- ➖ Forced Update if Unchanged
User interface changes
After the fix: ( Watch the Video )
API changes
- N/A
Data model changes
- N/A
Release notes snippet
- Issue #3402234 by Joachim Namyslo, torstenzenk, Ahmad Abbad: Fixed not showing inline images in Node edit form ( CKEditor 5 ) when inserted using the media library button
After the fix: ( Watch the Video )
| Comment | File | Size | Author |
|---|---|---|---|
| #16 | Edit-Basic-page-Test-Varbase-Media-CKEditor-5-integration-with-Drimage-dev-varbase10c1.png | 462.39 KB | rajab natshah |
Comments
Comment #2
joachim namysloComment #3
joachim namysloComment #4
rajab natshahThank you, Joachim, for reporting.
Seems that we need to have this fixed for the default Drupal 10 Core Media inline Embed, plus the Embed, or Entity Embed Media under CKEditor 5
They had a new release.
It is the right time to optimize Varbase Editor before moving to release the
10.0.0stable release.Thanks again for filing the issue.
Moving with Varbase 10 from Beta to RC and stable
Comment #5
pimok3000 commentedThe patch for the entity_embed module from here:
https://git.drupalcode.org/project/entity_embed/-/commit/ac6f2fe13b18f5f...
is already applied in the version included in Beta2. But it does not solve the issue.
Comment #6
rajab natshahComment #7
rajab natshahComment #8
rajab natshahComment #9
ahmad abbad commentedI'm confirming the issue, and it's maybe be better to make it a CKEditor plugin
Comment #10
rajab natshahNoted;
Comment #11
rajab natshahComment #12
rajab natshahComment #13
rajab natshahComment #16
rajab natshahAfter the fix: ( Watch the Video )
Comment #17
rajab natshahComment #18
rajab natshah✅ Released varbase_media-10.0.0-beta13
Comment #19
rajab natshahComment #21
rajab natshahComment #22
rajab natshah✅ Released varbase-10.0.0-rc2