Как вызвать диалог файловой системы изображения CKEditor 5 из кода?

Question

Как вы запускаете CKEditor 5 вставки диалогового окна / средства выбора файла изображения из кода? У меня есть кнопка панели инструментов imageUpload, и она работает, но это редактор всплывающих подсказок, поэтому он не виден, пока они что-то не выберут. Я хотел бы создать свою собственную кнопку, которая всегда видна, чтобы упростить ее.

Answer 1

Невозможно вызвать его из кода в любой момент времени. Событие должно быть инициировано пользователем (например, слушателем щелчка).

Если, однако, вы хотите иметь кнопку вне редактора, которая будет вызывать этот лог c, вы можете использовать кнопку, поставляемую CKEditor 5 в ImageUploadUI. Просто сделайте это:

const imageUploadButton = editor.ui.componentFactory.create( 'imageUpload', editor.locale );
imageUploadButton.render();
imageUploadButton.element; // The element that you can insert somewhere in your view.