wangEditor(富文本編輯器) v3.1.1官方版

wangEditor是基于javascript和css開發(fā)的一款輕量級web富文本編輯器，具有免費(fèi)開源、易用、UI界面精致、與瀏覽器兼容性好的諸多特性，支持npm直接飲用，響應(yīng)式與自動縮放，支持一個頁面多個編輯器，支持多語言，多支持本地圖片上傳，功能非常強(qiáng)大，配置起來也很簡單，開發(fā)人員可以輕松將它內(nèi)嵌于自己的網(wǎng)站或程序，功能實(shí)用，有需求的朋友請下載使用！

功能特色

1、支持 npm 直接引用

2、支持響應(yīng)式，自動縮放

3、沒有官方的實(shí)例銷毀方案，項(xiàng)目中使用的是作者在github給出的臨時方案

4、支持一個頁面多個編輯器

5、不支持一個頁面多個編輯器同時使用地圖

6、后端需要進(jìn)行相應(yīng)配置

軟件亮點(diǎn)

1、產(chǎn)品觀的轉(zhuǎn)變

在此前的一段時間，通過用戶的反饋以及自己的一些比較、思考，覺得wangEditor還是有很多不完善的地方。于是，我不斷的思考改進(jìn)，完善產(chǎn)品的同時，也在轉(zhuǎn)變著自己做產(chǎn)品的觀念。

例如，一些很簡單的功能，用戶不去看文檔，而是跑QQ群問我，然后我再把文檔鏈接發(fā)給他。一開始我抱怨用戶不認(rèn)真看文檔。后來，我越來越覺得是自己做的不夠好。用戶不去看文檔，大部分原因肯定在于自己的文檔頁面沒有做好。

再例如，配置上傳圖片時，后臺的代碼我是用C#寫的，就會有好多人跑來問我：php的怎么寫？java的怎么寫？……我也不知道怎么寫，我現(xiàn)在搞前端搞的C#都快不會寫了。為何用戶要這么問我——因?yàn)槲业漠a(chǎn)品涉及到了領(lǐng)域，如果涉及不到這個領(lǐng)域，用戶肯定不會問我的。

再例如，網(wǎng)站首頁雖然沒有人提出過意見，但是我總是覺得有些問題。難看說不上，但是如果我是用戶，我已進(jìn)入網(wǎng)站首頁，我應(yīng)該首先看到什么？于是這一版本我就改了首頁，分享給一些用戶看，他們都說比之前的好一些。

通過修改以上問題，我逐步改變了自己做產(chǎn)品的觀念，主要集中在以下幾點(diǎn)：

把用戶當(dāng)傻子，誰的產(chǎn)品能應(yīng)對更傻的人，誰的產(chǎn)品就更易用；

做好產(chǎn)品定位，不擅長或者沒必要的領(lǐng)域，千萬不要涉及。要用，就搞一個集成方案；

學(xué)會主動，主動給用戶帶來驚喜，哪怕是很小的；

2、修改官網(wǎng)首頁

再美的人，也需要漂亮衣服的襯托，有一個漂亮的主頁，能多吸引用戶幾秒鐘的時間。相比于之前的首頁，改版之后的首頁更加突出了內(nèi)容和重點(diǎn)，這也是現(xiàn)在扁平化設(shè)計的一個核心思想。

用戶進(jìn)入首頁之后，首先看到的就是主標(biāo)題和副標(biāo)題，知道這是個什么東西（要不然心里肯定暗罵“什么鬼”了）。然后接著看到的就是那么大的一個demo演示，看到這里，用戶就能徹底明白這個東西的作用了。另外，如果想繼續(xù)了解，可以翻看下面的介紹，也可以點(diǎn)擊上面的鏈接。

互聯(lián)網(wǎng)速食時代，內(nèi)容才是王道！

3、修改文檔頁面

之前，wangEditor的文檔頁面一直是一個很大的詬病，才導(dǎo)致了用戶不看文檔而是跑QQ群問我問題。而現(xiàn)在，一個文檔頁面，就可以解決你所有的使用問題，左側(cè)導(dǎo)航、右側(cè)內(nèi)容的方式，也是目前文檔頁面的常用風(fēng)格。

而且，文檔導(dǎo)航中，對功能進(jìn)行了分類：基本應(yīng)用、基本配置、圖片上傳、其他，把同類的功能，組合在一起。

最后，對圖片上傳（跨域、非跨域）這個比較復(fù)雜的配置，錄制了視頻進(jìn)行演示，并提供視頻中演示代碼的下載。

4、修改圖片上傳方式

圖片上傳之前一直是wangEditor的詬病，此前用戶提出的問題中，大約有1/3到1/2跟圖片上傳有關(guān)。所以，我從很早就開始憋著要好好搗鼓搗鼓圖片上傳。

5、合并同類菜單

之前wangEditor的菜單太多，這樣就導(dǎo)致如果width太窄，菜單就會換行，換行就不好看。再者，菜單太多了，導(dǎo)致界面混亂，應(yīng)用性差。

因此，作者把同類的菜單合并起來，這樣既能讓界面更加簡潔，又不失用戶體驗(yàn)。