[鐵柱週記]第一期:一些不錯的開源文字編輯器推薦

牛鐵柱發表於2021-02-01

這些年瀏覽器的收藏夾裡收藏了各種各樣我覺得有意思的東西。但很多收藏的那一剎那基本就不會再被翻出來了。所以準備以後每週寫一篇週記,把自己的心得,工作,還有一些推薦以週記內容的形式發出來。給自己備忘,同時也分享給大家。

本期推薦一些我見過的所有的web文字編輯器,分享給大家,也當作我自己的備忘。大家有好的編輯器推薦也可以分享在下面。我會統一合併在主貼內。

1,froala

介紹:這也是我發這個帖子的初衷,這款編輯器太漂亮了。最好看的編輯器,沒有之一。功能也很強大。代價就是它是收費的。而且價格不菲。有試用版可以下載。簡單試用了一下,可能是我的技術問題,只要稍微自定義一些東西,就會變得比較卡頓。

演示:
基本: www.froala.com/wysiwyg-editor
線上: www.froala.com/wysiwyg-editor/inli...
完整功能: www.froala.com/wysiwyg-editor/exam...

2,Braft Editor

介紹:收藏了很久的一款編輯器,國人開發的,以前我們公司團隊在專案中也用過。非常舒適的一款編輯器。重點推薦。佈局和體驗都超級棒,支援擴充套件,比如預覽,初始媒體庫(也就是媒體資源管理),ANTD元件庫整合,HTML單位轉換為rem,自定義表情包擴充套件,取色器,程式碼高亮擴充套件等等。
稍微一點小遺憾是這個編輯器是基於React的,對很多人來說,上手有門檻。

演示:
braft.margox.cn/

3,Quill

介紹:功能簡單易用,介面也很簡潔,一些常用的功能都包含在內了,支援數學公式。

演示:quilljs.com/

同時這款編輯器,也有基於react的版本。

演示
zenoamaro.github.io/react-quill/

4,simditor

介紹:tower團隊開源的一款富文字編輯器,可以說是。。。“短小精悍”。特別適合在一些對編輯器功能要求不多的場景下使用。Summer老師的第二個bbs的教程中,引用的就是這款編輯器,我在我的nxbbs練手專案中,也用的這款編輯器。如果你的專案需要一款常用功能不缺,簡單易用的編輯器,我推薦它。

同時推薦一下這個團隊出的tower,是我用過的最棒的任務管理工具,用了6年了,也不斷的推薦其他人使用。2020年好像被收購了。

演示
simditor.tower.im/

5,tiny

介紹:功能強大的一款外國人發明的編輯器,Dcat Admin整合的就是這款編輯器。擴充套件很多。如果你又要功能全,又要免費,又要好入門,又要保持更新,這個編輯器好像是位數不多的選擇。但不知道為啥,我就是喜歡不起來。可能是因為操作稍微有些繁瑣,比如插入表格,需要好幾步,還有其他的一些功能,可能是為了展現強大,介面和操作都稍微有些繁瑣。另外好像也沒看到媒體管理器,也可能只是我沒找到。

演示:www.tiny.cloud/docs/demo/full-feat...

6,ckeditor

介紹:功能豐富的又一款外國人發明的編輯器,以前團隊在專案中使用過。使用感受比tiny好一些。支援線上編輯,介面也不錯,推薦。

演示:ckeditor.com/ckeditor-5/demo/

7,wangEditor

介紹:國人發明的一款小巧簡潔的編輯器,介面和體驗都和simditor類似。以前也用過。可以自行體驗一下。

演示:www.wangeditor.com/

8,SunEditor

介紹:和ckeditor還有tiny類似,不一樣的是這款編輯器多了一些比較特色的功能,比如數學公式編輯,一鍵轉換檢視模式,比如區塊模式(類似於wordpress的古登堡),或者原始碼模式。支援音訊和視訊,也支援媒體資源管理。

演示:suneditor.com/sample/index.html

9,Editor.md

介紹:Markdown 編輯器,Learnku社群用的應該就是這款編輯器。

演示:pandao.github.io/editor.md/

10,SimpleMDE

介紹:一款非常像Editor.md的Markdown 編輯器。國外用的比較多,內建了一些特性,比如自動儲存,隱藏工具欄和狀態列等等。

演示:simplemde.com/

11,slate

介紹:超級簡單的一款編輯器,如果你只是需要一些留言板,工單之類的需求,這款編輯器很適合。

演示:www.slatejs.org/examples/richtext

12,prosemirror

介紹:同樣很簡單。

演示:prosemirror.net/

13 ,PELL

介紹:簡單到連圖示也不放一個。

演示:jaredreich.com/pell/

14 ,UEditor

介紹,最後一個,UEditor。百度公司的十幾年前的產品,同時也是百度的棄子。早已不在維護,官網也打不開了。但這款編輯器老當益壯,老而彌堅,老不死。在國內使用者量依舊很龐大。這款編輯器的體驗和設計,都是符合十幾年前的審美的。現在看來有些落後。評價這款編輯器,可以用陳凱歌評價李成儒的話:封建封閉世界裡面出來的,比較保守的梨園世家子弟,對世界的進步不太關心,一個沉浸在過去時代夕陽中不願走出的老藝人。

演示:沒有,但國內很多開源產品的編輯器用的都是這款產品的二開產品。

本作品採用《CC 協議》,轉載必須註明作者和本文連結
看完覺得有用的,給我點個贊。

相關文章