javascript - TinyMCE 插件是否支持文件拖拽上传功能？

Question

tinymce插件支持拖拽上传文件吗？

images_upload_handler
file_picker_callback 等api都试过了 最上面的log都没进来 就被打回去了 目前是只支持图片拖动的 不知道有没有其他api可以支持文件拖动上传呢

Answer 1

TinyMCE 插件支持文件拖拽上传功能。TinyMCE 作为一个功能强大的开源富文本编辑器，提供了丰富的插件和API来扩展其功能，包括文件上传。对于文件拖拽上传功能，TinyMCE 可以通过集成特定的插件或自定义开发来实现。

实现方式

1. 使用现有插件：

   • 市面上存在多种为TinyMCE设计的文件上传插件，这些插件可能直接支持拖拽上传功能。你可以通过TinyMCE的插件市场或GitHub等开源平台搜索并找到合适的插件。
   • 安装并配置插件后，根据插件的文档进行集成，通常需要在TinyMCE的初始化配置中启用该插件，并设置相应的参数。

2. 自定义开发：

   • 如果你没有找到满足需求的现成插件，也可以考虑自定义开发。这通常涉及到监听拖拽事件、处理文件读取、以及将文件数据发送到服务器等步骤。
   • 你可以使用HTML5的拖放API（Drag and Drop API）来监听拖拽事件，并使用FileReader对象来读取文件内容。然后，你可以通过AJAX或其他HTTP客户端库将文件数据发送到服务器。

注意事项

• 在实现拖拽上传功能时，需要确保你的网站或应用符合相关的安全标准和最佳实践，特别是关于文件上传的安全性问题。
• 考虑到用户体验，你可能还需要添加一些额外的功能，如上传进度条、错误处理机制等。
• 不同的TinyMCE版本和插件可能具有不同的API和配置方式，因此请务必参考你所使用的TinyMCE版本和插件的官方文档。

结论

TinyMCE 插件支持文件拖拽上传功能，但具体实现方式可能因插件而异。你可以通过搜索现有的插件或自定义开发来满足你的需求。在实现过程中，请务必注意安全性和用户体验。