Implement Token-Click-Insert for CKEditor 5

I've tested the proposed solution and can confirm that it works with drupal/token 1.11.0.

It mostly works, however drupalSettings.tokenFocusedCkeditor5 doesn't get updated when the text_format is changed (found this while testing for ✨ [PP-1] Support CKEditor 5 Postponed .

I'm looking into ways to improve this. I think I could override that setting from within the token_filter module when a user clicks the browser button using a CKEditor5 emitter, but I'd rather take a more holistic approach if possible.

Any ideas?

I decided to work around #6 within the token_filter plugin like this:

      this.listenTo(buttonView, "execute", () => {
        drupalSettings.tokenFocusedCkeditor5 = this.editor;
        this.editor.execute("tokenBrowser")
      });

This change for token now looks good to me from manual testing.

Oops

Perhaps Token module could adapt to CKEditor's Content Placeholder feature, currently (awaiting) support via ✨ Ckeditor5 readiness Needs review ?

Confirming: MR!36 fixes issue for me on Drupal 10.1

I must be missing something... I've got MR!36 in place, but I don't see any interface element available to browse and insert tokens. Is there another step required to make this available?

#11: where are you not seeing it? The first step is to drag the button on to the toolbar in the configuration for your text filter which are accessed from /admin/config/content/formats

Uploading the patch diff from : https://git.drupalcode.org/project/token/-/merge_requests/36/diffs for visibility.

Hi.

Like BenStellings #11 I've applied the patch to 1.12 on D10.1.4.

The patch applies cleanly however there is no available button relating to Tokens in the CKEditor available list.

Is there a step needed to make this button available to drag to the toolbar?

Many thanks

@a_nut the CKEditor button is provided by token_filter in a related issue which is postponed on this one.

✨ [PP-1] Support CKEditor 5 Postponed

Thanks for clarifying @darvanen. Appreciated!

Merged.

Automatically closed - issue fixed for 2 weeks with no activity.

Hi everyone,
There is a small issue when you edit the node with paragraphs inside. If the paragraphs with the CKEditor field already exist, it works correctly, but when you add a new paragraph with the CKEditor field, the token insertion does not work.
Due to the presence of drupalSettings.tokenFocusedField and drupalSettings.tokenFocusedCkeditor5 in the same scope, the insertion is made to the hidden textarea field instead of the CKEditor widget. I've attached a patch that resolves this issue.