Add support for CKEditor5

+1

Now that CKEditor is deprecated, it would be nice if this were to be made to work with CKEditor5.

Working on this!

+1

Currently none of the various Drupal tooltip modules work with ckeditor5, which is a blocker for sites that need this function to complete their d10 upgrades.

I tried 3 months ago but did not managed to get a CKEditor plugin working.

The new API and overall developer experience with CKE5 is too much convoluted for me - as of i dont have much free time to dedicate.

Anyone else, you are welcome to work on this.

ok ty for letting us know and trying.

FYI there is a new release 1.1.1 compatible with Drupal 10.

It does NOT use CKEditor 5 though.

It relies on drupal/ckeditor which is the contrib module to continue to use CKE4 on D10.

NB: assigning this issue back to me. I trying to write a working CKE5 plugin again 🤞...

Awesome to hear @matthieuscarset!

I just wanted to throw out a big +1 that a CKE5 version of this module would be a huge benefit for my team, and your work is very much appreciated <3.

I regret but I abandon this upgrade to CKEditor5.

It is ridiculously complex.

I don't manage to make simple things with the editor.

The implementation in Drupal 10 is not practical too.

I wish there were alternatives.

Sorry, again.

Issue open to anyone willing to build for CKE5 in D10.

Hmm not sure I have time to take this on, maybe there will be some somewhere.

I wonder if it helps to look at how other modules did it? E.g. I see CKEditor Accordion → has a version working for both CKEditor 4 and 5...

If it helps, here's what i was thinking we need for tooltip in CKE5:

1. create a plugin to apply a span around any HTML5 element
2. the toolbar button should open a modal to either enter text or select a tooltip block
3. inject the text or block uuid into data-tooltip back in the span

NB: this is already how the plugin works in CKE4.

As far as I can tell, it's a very similar situation to CKEditor Accordion, except they chose to make an inline template instead of a modal. I am seeing other examples of modals, though.

There is apparently a new tutorial available to create something similar to what we want for Tooltip.

CKEditor support points me to the abbreviation plugin.

I may try again one day.

Meanwhile, still open to anyone who want to contribute.

#15 ✨ Add support for CKEditor5 Needs work I have created a fork of the project which adds a ckeditor5 plugin for tooltips. However, I don't need the ability to insert block so have not included that. At the moment you will be able to select text and insert a tooltip the same way you would a url.

This is based of the tutorial linked at #15 ✨ Add support for CKEditor5 Needs work as well as the 'link url' plugin already in ckeditor 5.

@justmeplease would you mind sharing your fork? Thank you.

Ignore my last message, I was on the mobile phone and missed the link from the description :)

@justmeplease I really appreciate you taking the initiative to get this working. I rerolled the merge request from #16 against the latest version of the module.

Moving back to needs review...

Congrats for creating this new version.

I m reading the code from my phone so not sure if it is me or is there no more options to select a tooltip block ?

That is correct, the block functionality has not been implement yet for CKEditor5. Moving this back to needs work to indicate that.

I needed a patch file which applies cleanly when packaging info is added to the info.yml file of the module, so uploading it here

Working on this issue again.

I have a solution to embed anything in a CKEditor5 WYSIWYG

I need to find a way to open a form like drupalMedia does.

Marking as active + assigning to myself.

Bueno... I gave it another try but it is just too much work for the time I can dedicate to creating a CKE5 plugin. I think it is just not worth the time to try to create a specific CKE5 plugin to insert tooltips. I guess there is (or will be?) a premium feature for this provided by the CKE5 team.

Tooltip blocks work everywhere else - inserting in Twig, using a block, using arbitrary HTML...etc.

I am closing this issue because the CKE5 plugin won't happen.

For anyone trying to insert Tooltips in CKE5, I suggest to find a workaround such as:

• Using Entity Embed → and choose a specific view mode
• Using LinkIt with a custom Matcher (to retrieve block_content for instance) and a custom editor Filter to insert the tooltip
• Request this feature to the CKE5 product team 👷‍♂️

Happy coding!

Hey I upgraded a ckeditor module that had a dialog in it, it's a bit of setup to do but not too hard. I have other priorities and don't have a client to fund this (yet) but I'd be willing to work on this in the next month or two...

That would be awesome @freelock, thanks !