我正在试图弄清楚如何使用CK编辑器5上传图像 . 现在我已经看到了不同插件的大小,但我想了解这对我自己是如何工作的 . 我注意到的是,如果我单击图像按钮,我会得到一个对话框来上传图像,然后我选择一个图像,没有任何反应 .
基于我一直在阅读的指南和文章,我的假设是我必须将图像保存到服务器,然后将网址返回给ckeditor,以便它可以使用它来显示图像 .
我似乎无法弄清楚的是如何做到这一点 . 在ckeditor js代码中我会添加自己的逻辑,以便它可以获取上传的图像,将其发送到服务器,然后将网址返回给ck编辑器?
我经历了很多这样的文档,但我似乎找不到任何东西 .
https://docs.ckeditor.com/ckeditor5/latest/features/image.html
https://docs.ckeditor.com/ckeditor5/latest/features/image-upload.html
https://docs.ckeditor.com/ckeditor5/latest/builds/guides/integration/configuration.html
1 回答
你检查了控制台吗?在控制台上,如果你没有正确配置编辑器,你会有这样的事情:
现在,有两个内置的上传适配器 - 适用于CKFinder's server connector和CKEditor Cloud Services提供的Easy Image service . 两者都需要配置为工作:
CKFinder适配器:https://docs.ckeditor.com/ckeditor5/latest/api/module_adapter-ckfinder_uploadadapter-CKFinderAdapterConfig.html
简单图片:https://docs.ckeditor.com/ckeditor5/latest/features/image-upload.html#easy-image
上传适配器的作用是公开一个函数,该函数将文件发送到服务器(以任何方式),并在上传完成后通知编辑器(通过返回此文件的URL) . 编辑器负责其余部分 - 将图像插入内容,显示进度条等 .
除了使用内置适配器外,您还可以编写自己的适配器 . 看到:
https://docs.ckeditor.com/ckeditor5/latest/api/module_upload_filerepository-Adapter.html
https://github.com/ckeditor/ckeditor5-adapter-ckfinder/tree/master/src作为简单上传适配器的示例