求合适的富文本编辑器插件

ui 给了一个富文本编辑的设计图，但是不确定用什么插件比较好
需要支持上传：PDF，音频，视频，图片，链接
什么插件以上都可满足（本人搜索中Wangeditor编辑器不支持直接上传PDF文件）
本人vue2项目

FCKeditor
KindEditor
Uedit

不知道你这个问题是否已经解决, 如果还没有解决的话:

• 你可以参考下这个问题的回答, 看看是否对你有帮助, 链接: https://ask.csdn.net/questions/7469538
• 以下回答由chatgpt基于相关博客总结生成:

  我推荐使用Quill作为适合Vue2项目的富文本编辑器插件。Quill是一个功能强大且易于定制的富文本编辑器，它支持上传PDF、音频、视频、图片和链接。

  下面是使用Quill的解决方案：

  1. 首先，在项目中安装Quill和它的Vue适配器： npm install quill vue-quill-editor --save

  2. 在Vue项目的入口文件（main.js）中引入Quill和它的Vue适配器： ```javascript import Vue from 'vue' import VueQuillEditor from 'vue-quill-editor' import 'quill/dist/quill.core.css' import 'quill/dist/quill.snow.css' import 'quill/dist/quill.bubble.css'

  Vue.use(VueQuillEditor) ```

  1. 在需要使用富文本编辑器的Vue组件中，添加一个Quill编辑器： ```html

  ```

  1. 定义自定义的上传方法： ```javascript // 上传图片的处理逻辑 imageHandler: function(image) { let formData = new FormData(); formData.append('image', image);

     // 发起上传请求 axios.post('/upload/image', formData).then(response => { let imageUrl = response.data.url;

     // 将图片插入到编辑器中 let range = this.quill.getSelection(); this.quill.insertEmbed(range.index, 'image', imageUrl); }); },

  // 上传文件（包括PDF、音频和视频）的处理逻辑 fileHandler: function(file) { let formData = new FormData(); formData.append('file', file);

   // 发起上传请求
   axios.post('/upload/file', formData).then(response => {
     let fileUrl = response.data.url;
  
     // 将文件插入到编辑器中
     let range = this.quill.getSelection();
     this.quill.insertEmbed(range.index, 'attachment', fileUrl);
   });
  

  },

  // 插入链接的处理逻辑 linkHandler: function(link) { // 将链接插入到编辑器中 let range = this.quill.getSelection(); this.quill.insertText(range.index, link); this.quill.setSelection(range.index + link.length); } ```

  1. 在你的后端服务器上实现上传文件的接口，并在上传方法中发送请求实现文件的上传。

  请注意，以上代码中的上传方法是示例代码，你需要根据你的具体需求进行修改。此外，你还需要注意在Quill的选项中配置合适的上传处理方法。

  希望这个解决方案能满足你的需求！如果还有任何问题，请随时向我提问。

如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^