一、wangeditor5 官网

wangeditor5是一款基于JavaScript开发的Web富文本编辑器，多达20个常用功能，使用简单，维护便利。官网提供详细的使用文档，支持在线体验，免费下载。官网上还提供了扩展插件、上传服务等等相关的资源，可以让我们在开发过程中更好地使用。

二、wangeditor5上传图片到服务器

我们使用如下代码将wangeditor5中上传的图片上传到服务器：

editor.config.uploadImgServer = '/upload'; //配置上传图片的接口
editor.config.uploadImgMaxSize = 300 * 1024; //配置上传图片的最大尺寸（默认是5M）
editor.config.uploadFileName = 'myImg'; //配置上传图片时的标识名称
editor.config.uploadImgHooks = {
  // 上传成功之后的回调函数
  customInsert: function (insertImgFn, result) {
    // result是服务端返回的结果，JSON格式
    // insertImgFn是插入图片的函数，可以将图片插入到编辑器当中
    var url = result.data.imgUrl;
    insertImgFn(url);
  }
};

三、wangeditor5 自定义

wangeditor5的自定义功能是其最大的特点之一，我们可以根据自己的需求，添加自己需要的功能模块，并且可以自定义样式，功能十分强大。

四、wangeditor5 不缓存

wangeditor5中的缓存是根据localStorage来进行缓存的，但是有的时候我们并不想要这种缓存，可以通过如下代码来关闭：

editor.config.excludeHooks = ['localStorageCache'];

五、wangeditor5 上传图片

wangeditor5的图片上传功能是其重要的一个功能，实际上，图片上传功能又是有必要进行客户端和服务端配合来完成的。

六、wangeditor5多个编辑器

wangeditor5支持多个编辑器的使用，我们可以通过多个div标签来实现，然后使用相应的JavaScript代码进行初始化。

七、wangeditor5自定义菜单

wangeditor5中提供了一个自定义菜单的功能，只需要对各个功能模块进行相应的调整即可。如：

editor.menus.extend('myMenu', function () {
  var self = this;
  var $myMenu = $('<div class="w-e-menu"><i class="fa fa-hand-o-right"></i></div>');
  // 自定义点击事件
  $myMenu.click(function () {
    self.$txt.html('点击了自定义菜单 myMenu');
  });
  // 返回该菜单对象
  return $myMenu;
});
editor.config.menus.push('myMenu'); // 添加到 editor 的菜单列表中

八、wangeditor5修改工具栏图标大小

wangeditor5中的工具栏图标大小和颜色都是可以自定义的，我们通过CSS进行相应的样式调整即可。

九、wangeditor5上传的图片如何接受

在相应的上传接口中接收上传的图片，在服务器端进行保存并返回保存结果。

十、wangeditor5 plupload选取

wangeditor5中的上传图片功能使用的是plupload插件，我们可以通过定制plupload插件中的选取窗口等操作来满足我们的需求。 以上是对wangeditor5的一些详细介绍和使用指南，希望能够对各位开发者有所帮助。