时间戳

首页 > 解决方案 > 如何从代码中触发 CKEditor 5 图像文件系统对话框？

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

问题描述

如何从代码中触发 CKEditor 5 插入图像文件对话框/选择器？我有“imageUpload”工具栏按钮，它可以工作，但它是气球编辑器，所以在他们选择某些东西之前它是不可见的。我想创建自己的按钮，该按钮始终可见以使其更容易。

标签： ckeditorckeditor5

解决方案

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

但是，如果您希望在编辑器之外有一个按钮来触发此逻辑，您可以使用 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.

推荐阅读