这篇文章主要介绍了WangEditor这款基于JavaScript和CSS开发的轻量级Web富文本编辑器。它具有免费开源、易用性强、界面美观以及浏览器兼容性好的特点，并且支持npm直接引用和响应式自动缩放等功能。此外，该编辑器还支持在一个页面中嵌入多个编辑器以及多语言配置，功能非常强大且配置简单。
文章作者在改进WangEditor的过程中，不断优化产品体验并转变了自己的设计理念。例如，通过将用户视为“傻瓜”来提升产品的易用性，明确产品定位以避免不必要的领域扩展，并通过主动为用户提供惊喜来增强用户体验。这些改进步骤包括修改官网首页设计、优化文档页面结构以及改进图片上传功能等。
文章还提到WangEditor在菜单设计上的调整，通过合并同类菜单使界面更加简洁美观，从而提升了整体的用户体验。总体而言，这篇文章展示了WangEditor的强大功能和作者在产品开发过程中不断优化的努力与思考。
wangEditor是基于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太窄，菜单就会换行，换行就不好看。再者，菜单太多了，导致界面混乱，应用性差。
因此，作者把同类的菜单合并起来，这样既能让界面更加简洁，又不失用户体验。
共有 0条评论