Neditor

Demo: https://neditor.notadd.com/demo/

為什么好的網(wǎng)頁編輯器這么難做？

可能很多人都有不少經(jīng)歷，用網(wǎng)頁編輯器，明明自己想要的是這樣的效果，比如加粗、換行，但實際發(fā)出來的文章格式是錯的，怎么改也改不過來。從word里面粘貼進來的文字，格式都變了。

編輯器本身復(fù)雜性

舉個例子，“這樣一句話”，對其中“一句話”進行加粗：

這樣一句話
然后對“這樣一句”進行斜體
這樣**一句話
然后對“樣一句”加粗
*這樣一句*話**

這時候，你想整體再取消加粗，上各種顏色，再取消等等操作，很多編輯器多多少少都會出問題了。
因為 html 代碼里早都亂成一鍋粥了，如下：

<em>這<strong>樣</strong>一句<strong></strong></em><strong>話</strong> <br>

github上多達4W多個跟編輯器有關(guān)的項目

不同場景的需求

比如論壇，隱藏帖、出售帖、回復(fù)可見。
不同場景下就有不同需求，這就很難處理了

從word復(fù)制

好不容易把這些問題解決了，要知道，word 文檔格式跟網(wǎng)頁所用的html代碼可完全不是一回事，有的人甚至把表格直接給你粘貼過來，這怎么處理？

圖片問題

還有問題就是，網(wǎng)頁編輯器是在線編輯，從 word 文檔里復(fù)制來的圖片是本地的，得考慮圖片怎么粘上去。
或者是從別的地方粘貼過來，加了防盜鏈怎么辦？

所以，所有這些問題都注定網(wǎng)頁編輯器不好做，淘寶做的編輯器 KISSY Editor 況且還有諸多問題，何況我們這些人呢

Ueditor 為什么這么好用？

百度前端團隊做了許多努力，現(xiàn)在 Ueditor 是公認最好用的中文富文本編輯器。

ueditor編輯器圖

光看這自動化程度就知道有多復(fù)雜了，但是隨著時間的推移，大家感覺百度編輯器并不是那么漂亮。于是我們對 Ueditor 進行修改，有了現(xiàn)在的 Neditor 。

Neditor 做了哪些改進？

• 整體圖標(biāo)更換為SVG

• 第一版圖標(biāo)對所有圖標(biāo)進行了重繪

• 補充和增加圖標(biāo)后又補充了一些圖標(biāo)

對其中圖標(biāo)放大，SVG即使完全放大也不會失真（矢量圖），便于使用在各種場景下。

在渲染速度上，幾乎跟普通png沒有什么差別，我們將所有SVG圖標(biāo)合成在一起，這樣只需要加載一次即可。并且完全兼容舊瀏覽器。（IE8以上）

整體樣式的改進

細節(jié)圖，我們對每一處細節(jié)都做了改進，不論是彈窗還是右鍵菜單。

得益于我們對開源的熱愛，這一切，您都可以免費使用。

項目地址：

Gitee: https://gitee.com/notadd/neditor
Github：https://github.com/notadd/neditor