How to add two different CKEditor 5 builds to the project?

[vmoratog]

Hello guys
I'm having issues with Angular ~8.1.2 when I try to use 2 ckeditors in the same project:

• @ckeditor/ckeditor5-build-classic
• @ckeditor/ckeditor5-build-inline

And the following error occurs: CKEditorError: ckeditor-duplicated-modules: Some CKEditor 5 modules are duplicated

How can I fix this issue?

Right now I'm importing ckeditor component from a shared module.

Thanks in advance!

[ma2ciek]

Hi @vmoratog

Unfortunately, the only way now is to create a super build from one of editors and to build the together by webpack. I know it's cumbersome 😞, we are aware of it. 

See https://ckeditor.com/docs/ckeditor5/latest/builds/guides/integration/advanced-setup.html#creating-super-builds.

[ma2ciek]

Closing due to lack of activity.

[jdnichollsc]

@ma2ciek I was wondering if we can have a webcomponent of the CKEditor (Using a tool like StencilJS) to avoid a lot of issues with Angular, what do you think?

[ma2ciek]

Hi @jdnichollsc,

I'm aware that there're still some blockers that should be resolved before implementing a WebComponent encapsulating the CKEditor 5's editor - ckeditor/ckeditor5#1483. But if StencilJS or a similar tool provides a way to create it I'd be happy to try it.

[AbdallahAbdedaiem]

Hi @ma2ciek , It's been a long time. is it still not possible?
I'm trying to setup classic build and decoupled document build in the same project as I have different needs. But I'm getting that "duplicated ckeditor modules" error.

[ma2ciek]

Currently, it's possible only by creating a super build - https://ckeditor.com/docs/ckeditor5/latest/builds/guides/integration/advanced-setup.html#creating-super-builds.

[svensson-david]

Hi @ma2ciek!
Just wanted to chime in with this doc link https://ckeditor.com/docs/ckeditor5/latest/installation/advanced/using-two-editors.html

To me that gave a bit of a better picture. Thought I'd post it in case more people are stopping by.