ckeditor/ckeditor5-angular

Impossible to add a plugin as described in the documentation

LcsGa opened this issue · 6 comments

LcsGa commented

On an angular 16 app (a pristine project as it was intended to be a POC for me to learn how ckeditor works), I tried to follow the the tutorial step by step.
Everything went smoothly, until I reached the Commands section.

The issue I'm facing is that I get this error :
image

Then I followed the documentation to fix it. Thus I modified my imports, from :
image
to :
image

Once I did so, the error was indeed gone but a new one appeared :
image

Now I don't know what other fixes I should try...

In my app I tried multipled things, from using the ckeditor angular module/component with my custom plugin, but also with a ckeditor plugin and the issue remained the same.

Then I tried to make my own ckeditor component but once again, the issue was the same !

moreover, when I try to build the project, I receive many errors on icons:

  • with esbuild
    image
  • with webpack
    image

Here is the repo of the poc

Witoso commented

Hey, it's not possible to extend the predefinded builds with plugins, you need to create a custom build.

LcsGa commented

Yep, that's what I tried to do after posting that message but I ended up having the same issues on a custom build...

=> I forked the "classic build" and added either already existing plugins and custom ones but the issue was with the existing ones this time, if I remember correctly (like adding CodeBlock for exemple)

Witoso commented

Hmm, the tutorial uses @ckeditor/ckeditor5-editor-classic which is a different package.

Have you checked the guide for Angular?

LcsGa commented

Yes, really carefully! it didn't really help me

Witoso commented

Could pack up the project for us to take a look when we have time? cc @mremiszewski

LcsGa commented

I could try yep, but not right away! I'll do it as soon as possible