如何从代码触发 CKEditor 5 图像文件系统对话框？

Question

如何通过代码触发 CKEditor 5 插入图像文件 dialog/picker？我有 "imageUpload" 工具栏按钮，它可以工作，但它是气球编辑器，所以在他们 select 之前它是不可见的。我想创建我自己的始终可见的按钮，以方便操作。

Answer 1

不可能在任何给定时间通过代码触发它。该事件必须是用户发起的（例如，通过点击监听器）。

但是，如果您希望在编辑器外部有一个按钮来触发此逻辑，您可以使用 ImageUploadUI 中 CKEditor 5 提供的按钮。只需这样做：

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

如何从代码触发 CKEditor 5 图像文件系统对话框？

How to trigger CKEditor 5 image file system dialog from code?

ckeditor

ckeditor5