Add Ckeditor5 integration

Maybe we can use CKEDitor Block integration https://www.drupal.org/project/ckeditor_insert_blocks

we should test this :)

By the way this doc page https://www.drupal.org/docs/develop/theming-drupal/using-single-director... says:

UI Patterns (version >=2.0) - Automatically integrates components into Drupal within Layout Builder, CKEditor, Views, Blocks, etc.

So does that mean the doc is misinforming because UI Patterns does not work with CKEditor?

Hello juc1, thank you for this kind message ;)
we will soon propose a tiny update to this part of doc, if a small mistake has been made by someone.
we don’t want any misunderstanding, indeed ckeditor integration had been planned for 2.1, and not for 2.0.

@just_like_good_vibes ok merci.

let's go

Hey @just_like_good_vibes! I would recommend to use the Embedded Content module and provide a way to provide plugin derivatives for all SDCs.

Here you can find an example implementation of an Embedded Content plugin.

Hello @yannickoo and thank you for the tip.
Indeed, we target something similar to what Embedded Content is doing, but first we are trying to have no contrib dependencies.
We will anyway discuss that potential dependency with others from the team.
We have already ckeditor5 implementations in ui_styles an ui_icon module, so we can add one here.

Hello again 👋 I wanted to share the minimal plugin implementation based on Embedded Content module ➡️ #3549147: [2.1.0] Embedded Content plugin.

Even if we don't want to introduce new dependencies I think that can be helpful for people so they could already place components in CKEditor.

i made some advanced on this. for the moment i am trying to make it work,without the context.

it is work in progress, but i am approaching something :))
anybody wants to give a try?

After applying the patch, my CKEditor toolbar fails to load and I get a console error:

CKEditorError: plugincollection-soft-required {"missingPlugin":"WidgetToolbarRepository","requiredBy":"ComponentEditing"}
Read more: https://ckeditor.com/docs/ckeditor5/latest/support/error-codes.html#erro...

Drupal 11.3.5, UI Patterns 2.0.15

hello, thank you @sonfd for testing the code in the MR.
we will get back to this old proposition and correct.

hello there,
I managed to spend some time (finally!) on the ckeditor5 sub-module.
it looks great now, someone wants to test and review?
thank you in advance

comment #19 from @sonfd : the problem is Fixed, thanks for the report. The plugin declared WidgetToolbarRepository as a soft requirement, which only works on text formats where another plugin (image, media) loads it. The new MR carries it as a hard requirement.

The new MR refreshed the existing work on a fresh 2.0. (replacing the previous MR !468).
- Insert, edit and delete component in ckeditor;
- the dialog opens a large window, showing the component form and the edited component.
- the entity of the edited text is injected in the context (youhou!)
- Kernel, Functional and Playwright tests.

We cannot configure yet which components may be embed in a given text format, that feature would need follow-up issue.

This recursion problem is wider than ckeditor5 integration. we will create a separate issue for that :)