這些年瀏覽器的收藏夾裡收藏了各種各樣我覺得有意思的東西。但很多收藏的那一剎那基本就不會再被翻出來了。所以準備以後每週寫一篇週記,把自己的心得,工作,還有一些推薦以週記內容的形式發出來。給自己備忘,同時也分享給大家。
本期推薦一些我見過的所有的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的,對很多人來說,上手有門檻。
3,Quill
介紹:功能簡單易用,介面也很簡潔,一些常用的功能都包含在內了,支援數學公式。
演示:quilljs.com/
同時這款編輯器,也有基於react的版本。
演示
zenoamaro.github.io/react-quill/
4,simditor
介紹:tower團隊開源的一款富文字編輯器,可以說是。。。“短小精悍”。特別適合在一些對編輯器功能要求不多的場景下使用。Summer老師的第二個bbs的教程中,引用的就是這款編輯器,我在我的nxbbs練手專案中,也用的這款編輯器。如果你的專案需要一款常用功能不缺,簡單易用的編輯器,我推薦它。
同時推薦一下這個團隊出的tower,是我用過的最棒的任務管理工具,用了6年了,也不斷的推薦其他人使用。2020年好像被收購了。
5,tiny
介紹:功能強大的一款外國人發明的編輯器,Dcat Admin整合的就是這款編輯器。擴充套件很多。如果你又要功能全,又要免費,又要好入門,又要保持更新,這個編輯器好像是位數不多的選擇。但不知道為啥,我就是喜歡不起來。可能是因為操作稍微有些繁瑣,比如插入表格,需要好幾步,還有其他的一些功能,可能是為了展現強大,介面和操作都稍微有些繁瑣。另外好像也沒看到媒體管理器,也可能只是我沒找到。
演示:www.tiny.cloud/docs/demo/full-feat...
6,ckeditor
介紹:功能豐富的又一款外國人發明的編輯器,以前團隊在專案中使用過。使用感受比tiny好一些。支援線上編輯,介面也不錯,推薦。
演示:ckeditor.com/ckeditor-5/demo/
7,wangEditor
介紹:國人發明的一款小巧簡潔的編輯器,介面和體驗都和simditor類似。以前也用過。可以自行體驗一下。
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 編輯器。國外用的比較多,內建了一些特性,比如自動儲存,隱藏工具欄和狀態列等等。
11,slate
介紹:超級簡單的一款編輯器,如果你只是需要一些留言板,工單之類的需求,這款編輯器很適合。
演示:www.slatejs.org/examples/richtext
12,prosemirror
介紹:同樣很簡單。
13 ,PELL
介紹:簡單到連圖示也不放一個。
14 ,UEditor
介紹,最後一個,UEditor。百度公司的十幾年前的產品,同時也是百度的棄子。早已不在維護,官網也打不開了。但這款編輯器老當益壯,老而彌堅,老不死。在國內使用者量依舊很龐大。這款編輯器的體驗和設計,都是符合十幾年前的審美的。現在看來有些落後。評價這款編輯器,可以用陳凱歌評價李成儒的話:封建封閉世界裡面出來的,比較保守的梨園世家子弟,對世界的進步不太關心,一個沉浸在過去時代夕陽中不願走出的老藝人。
演示:沒有,但國內很多開源產品的編輯器用的都是這款產品的二開產品。
本作品採用《CC 協議》,轉載必須註明作者和本文連結