Как использовать 2 разных ckEditor5 в одной сборке

#angular #ckeditor5 #custom-build

Вопрос:

Я перехожу по этой ссылке(документация), но она не работает.

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

Когда я создаю сборку с использованием 2 разных ckEditros(ckEditor5), она выдает следующую ошибку.

ОШИБКА Ошибка: Не поймано (в обещании): Ошибка типа: this.editor.create не является функцией Ошибка типа: this.editor.create не является функцией в CKEditorComponent.

введите описание изображения здесь

пожалуйста, расскажите мне об этой проблеме, если кто-нибудь знает об этом.

Ответ №1:

используйте разные

ID

для каждого редактора.

если проблема все еще сохраняется, попробуйте поделиться некоторым кодом, чтобы я мог видеть, что происходит

Ответ №2:

Да, вы можете это сделать. Вы можете установить две версии одних и тех же npm модулей. Прежде всего, удалите существующую версию и установите ее с помощью этой команды, и вы можете указать номер версии для ее установки. Это команда:

 npm i <package_name_alias>@npm:<package_name>
 

В вашем случае он должен стать таким(для последней версии):

 npm i latest-ckEditor5@npm:ckEditor5
 

И для любой другой версии ниже последней используйте это:

 npm i latest-ckEditor5@npm:ckEditor5@versionNumber
 

В вашей упаковке это будет выглядеть примерно так:

   "dependencies": {
    "latest-ckEditor5": "^latestPackage",
    "oldest-ckEditor5": "Olderverion"
  }
 

Вы можете использовать их вот так:

 import { ckEditor5 } from 'latest-ckEditor5'; // check the exported member name
import { ckEditor5 } from 'oldest-ckEditor5';