wangEditor 5(开源Web富文本编辑器)

wangEditor 5是一款基于JavaScript和CSS开发的轻量级Web富文本编辑器，拥有免费开源、易用性强、界面精美、浏览器兼容性好等诸多优点。它支持通过npm直接引用，能够实现响应式自动缩放，还允许在一个页面内嵌入多个编辑器，并且支持多语言功能。此外，wangEditor 5提供了本地图片上传的支持，功能强大且配置简单，开发者可以轻松将其集成到自己的网站或程序中。

这款编辑器的开发过程中，作者也经历了一些观念上的转变。例如，通过用户的反馈和自身的思考，意识到产品文档的重要性以及首页设计对用户体验的影响。为此，作者重新设计了官网首页，使其更加突出内容重点，并优化了文档页面的结构，使其更易于理解和使用。同时，针对图片上传功能这一用户痛点进行了改进，并录制视频演示复杂的配置过程。

总的来说，wangEditor 5通过不断的优化和改进，在提升产品易用性的同时，也更加注重用户体验。这种用心的态度值得肯定，对于需要富文本编辑器的朋友来说，这是一款非常实用的选择！

wangEditor 5是基于javascript和css开发的一款轻量级web富文本编辑器，具有免费开源、易用、UI界面精致、与浏览器兼容性好的诸多特性，支持npm直接饮用，响应式与自动缩放，支持一个页面多个编辑器，支持多语言，多支持本地图片上传，功能非常强大，配置起来也很简单，开发人员可以轻松将它内嵌于自己的网站或程序，功能实用，有需求的朋友请下载使用！

功能特色

1、支持 npm 直接引用

2、支持响应式，自动缩放

3、没有官方的实例销毁方案，项目中使用的是作者在github给出的临时方案

4、支持一个页面多个编辑器

5、不支持一个页面多个编辑器同时使用地图

6、后端需要进行相应配置

软件亮点

1、产品观的转变

在此前的一段时间，通过用户的反馈以及自己的一些比较、思考，觉得wangEditor还是有很多不完善的地方。于是，我不断的思考改进，完善产品的同时，也在转变着自己做产品的观念。

例如，一些很简单的功能，用户不去看文档，而是跑QQ群问我，然后我再把文档链接发给他。一开始我抱怨用户不认真看文档。后来，我越来越觉得是自己做的不够好。用户不去看文档，大部分原因肯定在于自己的文档页面没有做好。

再例如，配置上传图片时，后台的代码我是用C#写的，就会有好多人跑来问我：php的怎么写？java的怎么写？……我也不知道怎么写，我现在搞前端搞的C#都快不会写了。为何用户要这么问我——因为我的产品涉及到了领域，如果涉及不到这个领域，用户肯定不会问我的。

再例如，网站首页虽然没有人提出过意见，但是我总是觉得有些问题。难看说不上，但是如果我是用户，我已进入网站首页，我应该首先看到什么？于是这一版本我就改了首页，分享给一些用户看，他们都说比之前的好一些。

通过修改以上问题，我逐步改变了自己做产品的观念，主要集中在以下几点：

把用户当傻子，谁的产品能应对更傻的人，谁的产品就更易用；

做好产品定位，不擅长或者没必要的领域，千万不要涉及。要用，就搞一个集成方案；

学会主动，主动给用户带来惊喜，哪怕是很小的；

2、修改官网首页

再美的人，也需要漂亮衣服的衬托，有一个漂亮的主页，能多吸引用户几秒钟的时间。相比于之前的首页，改版之后的首页更加突出了内容和重点，这也是现在扁平化设计的一个核心思想。

用户进入首页之后，首先看到的就是主标题和副标题，知道这是个什么东西（要不然心里肯定暗骂“什么鬼”了）。然后接着看到的就是那么大的一个demo演示，看到这里，用户就能彻底明白这个东西的作用了。另外，如果想继续了解，可以翻看下面的介绍，也可以点击上面的链接。

互联网速食时代，内容才是王道！

3、修改文档页面

之前，wangEditor的文档页面一直是一个很大的诟病，才导致了用户不看文档而是跑QQ群问我问题。而现在，一个文档页面，就可以解决你所有的使用问题，左侧导航、右侧内容的方式，也是目前文档页面的常用风格。

而且，文档导航中，对功能进行了分类：基本应用、基本配置、图片上传、其他，把同类的功能，组合在一起。

最后，对图片上传（跨域、非跨域）这个比较复杂的配置，录制了视频进行演示，并提供视频中演示代码的下载。

4、修改图片上传方式

图片上传之前一直是wangEditor的诟病，此前用户提出的问题中，大约有1/3到1/2跟图片上传有关。所以，我从很早就开始憋着要好好捣鼓捣鼓图片上传。

5、合并同类菜单

之前wangEditor的菜单太多，这样就导致如果width太窄，菜单就会换行，换行就不好看。再者，菜单太多了，导致界面混乱，应用性差。

因此，作者把同类的菜单合并起来，这样既能让界面更加简洁，又不失用户体验。