關於專案中使用的富文字編輯器markdown和傳統的富文字編輯器的對比和選擇

gztrljh發表於2021-05-01

這篇文章主要是哪些同學有參考價值?
在折騰自己的部落格正在選擇編輯器,新專案中正在考慮那款編輯器的,負責你們公司的wiki模組的同學,優化老專案的編輯體驗的

首先說說我自己吧,我用過的富文字編輯器有fckeditor wangeditor,tinymce 、 ueditor

富文字編輯器的標杆我個人覺得就兩個 fckeditor(現在變成CKEditor5)、和tinymce了

上面這幾款實力最強的是tinymce
原因:一直在更新和維護,地位高,歷史久遠,顏值高。定製性特別強、響應式

而且也支援markdown那種# 然後回車也能生成標題。我太愛了。現在一直在用

其次再說說ueditor,我學習php路上的啟蒙編輯器,因為以前跟著視訊學習的時候它的出場率特別高。哈哈 不過年久失修,已經不建議大家使用了。況且官網都沒了。

tinymce來一發

關於專案中使用的富文字編輯器markdown和傳統的富文字編輯器的對比和選擇

現在再說說markdown,我用過的開源專案有 editor.md 這款csdn就是用的它

優點:全而大
缺點:好像2015年後就沒更新了。字數寫太多了,會卡掉幀

還有用過 tui.editor,我看了貢獻成員全是韓國人,估計是韓國一個公司的內部專案開源出來了,不過bug也很多,定製頭痛。它唯一的優點我個人就覺得是你寫多長的內容都不會卡掉幀,(但是如果在某些md標籤中修改內容也會卡成ppt)

現在推薦一個很新的,vditor 一箇中國女程式設計師開發的,社群活躍。
優點:一直都在維護,響應式,支援的百度圖表,流程圖啥的 emoj表情,大綱目錄、…等等

缺點:同樣文章寫的內容太長了,會卡頓掉幀

vditor截圖來一發

關於專案中使用的富文字編輯器markdown和傳統的富文字編輯器的對比和選擇

markdown編輯器有個通病,就是文章顯示的時候需要載入一個解析器,往往隨著它功能的強大,它的解析器特別大,可能高達1M,載入解析器,加上解析從資料庫讀取的內容,比較耗時

總結:md編輯器隨著發展,一些極客更喜歡它,我也很喜歡,但是,我個人還是喜歡多把精力放到tinymce的深入探索中,因為我做的很多專案,不適合用md編輯器,比如我做的商城專案,新增描述,還是tinymce好用。我個人的部落格最終還是選擇了傳統的富文字。體驗特別好。

關於專案中使用的富文字編輯器markdown和傳統的富文字編輯器的對比和選擇

tinymce是免費的,它的收費點是它的周邊外掛吧。其實它本身自帶的哪些完全夠用呀。哈哈哈

本作品採用《CC 協議》,轉載必須註明作者和本文連結

相關文章