seregazolotaryow64
@seregazolotaryow64
IT Специалист и самоучка

Как создавать и запускать кастомные плагины для CKEditor 5, если его загружаю в коде из официального CDN?

Доброго времени суток!

В админке крупного проекта без NPM используется CKEditor 5, который загружается из официального CDN и я хотел создать несколько плагинов для поля ввода:
class SmartTitleUploader extends Plugin{
	init(){
		const editor = this.editor;
		
		editor.ui.componentFactory.add( 'smartTitleUploader', locale => {
            const view = new ButtonView( locale );
            ...
            view.on( 'execute', () => {} );

            return view;
        } );
	}
}
class SaveNews extends Plugin{
	init(){
		const editor = this.editor;
		
		editor.ui.componentFactory.add( 'saveNews', locale => {
            const view = new ButtonView( locale );
            ....
            view.on( 'execute', () => { } );

            return view;
        } );
	}
}


Плагины хранятся в отдельном js-файле, а в интерфейсе страницы с формой при иницилизации CKEditor5 я привязывал созданные плагины:
toolbar: {
		plugins: [ SmartTitleUploader, SaveNews ],
		items: ['heading', 'bold', 'link', 'smartTitleUploader', 'saveNews']
},

А при тестировании запуска кастомных плагинов в браузере, DevTools принёс мне вот такие сюрпризы:
u0mDm8I.png

Как решить проблему создания и запуска кастомных плагинов для CKEditor5, если он загружается из официального CDN и проект с ним не построен на NPM?
Заранее спасибо!
  • Вопрос задан
  • 507 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
25 апр. 2024, в 10:42
150000 руб./за проект
25 апр. 2024, в 10:41
2000 руб./за проект
25 апр. 2024, в 10:25
2000 руб./за проект