Forums

Manually adding plugins to CKEditor5 (AutoEmbed)

Permalink
Hello, I have been puzzled by this.
I'm trying to install AutoEmbed to CKEditor5, and I managed to install AutoEmbed, and AutoLink (a dependency of AutoEmbed), as packages.

I managed to get AutoLink up and running, but as soon as I paste the link I get 2 error messages in Chrome's Dev Inspect:

VM11390:242 Uncaught TypeError: Cannot read property 'langEntries' of null
    at CKEDITOR.resourceManager.CKEDITOR.plugins.setLang (eval at <anonymous> (jquery.js:2), <anonymous>:242:218)
    at en.js?t=GAGE:5

and
[CKEDITOR] Error code: autoembed-no-widget-def.


The first one I assume it's just CKEditor being unable to find the lang folder within the package, but the second one, I've checked documentation, and the plugin code, and can't understand how the auto link passes through there.

It comes from the following code:
var href = anchor.data( 'cke-saved-href' ),
                 widgetDef = CKEDITOR.plugins.autoEmbed.getWidgetDefinition( editor, href );
              if ( !widgetDef ) {
                 CKEDITOR.warn( 'autoembed-no-widget-def' );
                 return;
              }


Anyone have a clue?
Thanks in advance
 
mnakalay replied on at Permalink Reply
mnakalay
It seems you also need the Undo plugin and it might need the Media Embed plugin to function. And autolink needs clipboard. Did you try to add those as well?
mnakalay replied on at Permalink Reply
mnakalay
So I tested that and you need to install several plugins:
Auto embed
Embed
Embed Base
Auto Link
Notification
Notification Aggregator

Also make sure that the plugin clipboard which comes with C5, is activated.

Finally, you will need to add the embed provider tot he Embed plugin. It used to be set by default but it is not anymore so you have to add it manually.

With all that in place I was able to make it work and pasting a youtube url got me a nice Youtube video in the editor.

In case you have any interest in that I am finishing a package for C5 that makes this whole process much easier as it allows you to install plugins, check requirements, find them easily...

I will push it to the marketplace shortly.
Migasalm replied on at Permalink Reply
Thank you for your reply!
If you still have the packages made, would you mind providing them?

Anyhow, any ETA on the launch of your package? It would be very much appreciated!
Thank you in advance.
mnakalay replied on at Permalink Reply
mnakalay
Well concerning my package, I stumbled on something missing after trying to install autoembed: there was no way for me to add that configuration stuff automatically so I decided to add the option.

it required some core files overriding so it took a little while.

I'm planning on submitting it to the marketplace net week.

As for your other question, I a not sure I understand: the other packages made? which other packages?
Migasalm replied on at Permalink Reply
Thanks for the info! I'll be looking forward to it.

You said you experimented on your own to install it and got it working, I suppose you created the packages for the plugins? Or maybe created everything in one single package ?
mnakalay replied on at Permalink Reply
mnakalay
no, I used the package I built to install ckeditor plugins, the one that I will push to the market next week.

you just upload the plugin and it installs it for you as well as tells you what other plugins you need to make it work, where to find them and activate them...
Migasalm replied on at Permalink Reply
Oh okay! Well I'll be looking forward to it then!
mnakalay replied on at Permalink Reply
mnakalay
Well, I didn't think it would take me that long but my CKeditor Plugin Installer is finally in the marketplace. It comes with several video tutorials including one to install Auto Embed.
It's here if you're still interested:http://www.concrete5.org/marketplace/addons/ckeditor-pluginator/...