1. 程式人生 > 其它 >web前端常用的富文字編輯器外掛

web前端常用的富文字編輯器外掛

1、wangEditor

基於JavaScript和css開發的 Web富文字編輯器, 輕量、簡潔、介面美觀、易用、開源免費。

官網地址

2、TinyMCE

TinyMCE是一個輕量級的基於瀏覽器的所見即所得編輯器,由JavaScript寫成。它對IE6+和Firefox1.5+都有著非常良好的支援。功能齊全,介面美觀,就是文件是英文的,對開發人員英文水平有一定要求。

官網地址

3、百度ueditor

UEditor是由百度web前端研發部開發所見即所得富文字web編輯器,具有輕量,功能齊全,可定製,注重使用者體驗等特點,開源基於MIT協議,允許自由使用和修改程式碼,缺點是已經沒有更新了

官網地址

4、kindeditor

KindEditor 是一套開源的線上html編輯器,主要用於讓使用者在網站上獲得所見即所得編輯效果,開發人員可以用 KindEditor 把傳統的多行文字輸入框(textarea)替換為視覺化的富文字輸入框。 KindEditor 使用 JavaScript 編寫,可以無縫地與 Java、.NET、php、ASP 等程式整合,比較適合在 CMS、商城、論壇、部落格、Wiki、電子郵件等網際網路應用上使用。

官網地址

5、Textbox

Textbox是一款極簡但功能強大的線上文字編輯器,支援桌面裝置和移動裝置。主要功能包含內建的影象處理和儲存、檔案拖放、拼寫檢查和自動更正。此外,該工具還實現了螢幕閱讀器等輔助技術,並符合WAI-ARIA可訪問性標準。

官網地址

6、CKEditor

CKEditor官方版是一款專業專業的線上文字編輯器,軟體支援各種不同的瀏覽器,可以讓使用者們輕鬆線上編輯,CKEditor5官方版軟體體積非常小巧,使用起來也十分方便快捷,還能與不同的程式語言相結合,是大家編輯網頁程式碼的必備工具。

官網地址

6、quill

Quill是輕型的編輯器,樣式一般(黑白風),功能中等,它的程式碼高亮功能比較強,同樣支援行內編輯模式,工具條可自定義。開源免費,專案活躍,一直有人維護。

官網地址

7、simditor

simditor是Tower平臺使用的富文字編輯器,是一款輕量化的編輯器,介面簡約,功能實用,外掛不是很多,功能要求不高的可以使用。雖然是國內出品,但文件是英文的。開源免費。

官網地址(網址開啟較慢)

8、summernote

summernote是一款輕量級的富文字編輯器,比較容易上手,使用體驗流暢,支援各種主流瀏覽器。summernote開源免費,該專案一直比較活躍,一直都有人在維護。summernote同樣依賴於jquery和bootstrap,使用前先引入這兩項。

官網地址

https://www.houdianzi.com/szlogo/ 深圳logo設計

9、jodit

Jodit是一款使用純TypeScript編寫的(無需使用其他庫),美觀實用的所見即所得(WYSIWYG)開源富文字編輯器,支援中文,超強自定義。

官網地址

10、Editor.md

功能非常豐富的編輯器,左端編輯,右端預覽,非常方便,完全免費

官網地址

11、froala Editor

介面非常好看,功能非常強大,非常好用(非免費,可破解)

官網地址

12、eWebEditor

eWebEditor外觀和使用風格都和微軟 Word很類似,功能很多。工具條可以定製,執行速度很快。匯入檔案介面很多,支援word、excel、pdf、ppt直接匯入,目前版本不支援程式碼高亮,不適合純技術平臺使用,適合內容編輯人員使用。eWebEditor有很長的歷史了,是典型的傳統富文字編輯器,不論是介面,還是功能都比較傳統。eWebEditor是收費的,但也有免費的精簡版,精簡版沒有後臺功能。

官網地址

13、dhtmlxEditor

DHTMLX元件是一整套基於js的UI庫,功能強大,其中包含編輯器dhtmlxEditor。該編輯器可以直接整合到Angular,react和vue.js框架中,該編輯器還同時支援Markdown和富文字。支援普通檢視和類似word一樣的頁面檢視,支援全螢幕,工具支援自定義,包括工具條顏色和樣式等。dhtmlxEditor分為免費版和收費版,免費版具有絕大多數功能,而且免費版是開源的你可以在程式碼級別隨便擴充。

官網地址

最後

富文字編輯器產品真的非常多,以上只是本人接觸過的一些,相信還有很多很好的富文字存在,其實也沒必要全都試一遍,只有最適合自己的,才是最好的。