原文：https://dev.to/haycuoilennao19/top-free-wysiwyg-text-editing-tools-4lbd

作者：haycuoilennao19

CKEditor

https://ckeditor.com/

CKEditor擁有10多年的開發(fā)經(jīng)驗，你可以完全放心此文本編輯器的質(zhì)量。它支持70多種語言，我認為這是你網(wǎng)站的不錯選擇。它還可以運行在許多不同的瀏覽器上，并能很好地與大多數(shù)前端框架，如reat，vue，angular......你可以使用CDN直接嵌入到你的HTML頁面中......。目前它有兩個版本并行運行的CKEditor4和CKEditor5，根據(jù)不同的使用目的，你會選擇適合自己的編輯器。

Trumbowyg

https://alex-d.github.io/Trumbowyg/

Trumbowyg是針對HTML5優(yōu)化的代碼編輯器，它支持大多數(shù)流行的瀏覽器，例如IE9 +，F(xiàn)irefox，Chrome等。據(jù)我所知，它包含用于文本編輯的所有工具，僅為20Kb，它輕巧，將幫助你的網(wǎng)站更流暢地運行。此外，它還具有其他支持插件來幫助你更好地工作，例如插入表情符號，其他國家/地區(qū)的支持語言，添加聲音，插入特殊字符...

TinyMCE

https://www.tiny.cloud/features/

TinyMCE 5是一款編輯器，它能讓你靈活地編輯、添加或刪除本程序中的部分內(nèi)容。除了基本的編輯器，那么我發(fā)現(xiàn)它還提供了很多支持，更好的用戶體驗，如添加評論，測試檢查路徑，提供優(yōu)質(zhì)的圖標和界面，檢查拼寫的內(nèi)容...... 然而，這也是它的弱點，因為如果你想使用高級工具，你必須每月支付約25美元。

Quill

https://quilljs.com

Quill是一個開放源代碼編輯器，因此可以將其用于所有類型的商業(yè)或非商業(yè)網(wǎng)站。它有很多功能，如添加鏈接，圖像，視頻或添加代碼片段的內(nèi)容…關于Quill，我最喜歡的一點是它的簡單設置和顯示，可以在多設備屏幕上的所有現(xiàn)代的、響應迅速的web瀏覽器上顯示，還有使用它的常見問題的詳細說明。

Trix

https://trix-editor.org/

Trix是一個開源的編輯器，可以讓你在Web中輕松地撰寫消息、寫評論、寫帖子......，并被良好編程的平板電腦使用。如果你只需要創(chuàng)建內(nèi)容所需的功能，那么Trix同樣是不錯的選擇。

Jodit Editor 3

https://xdsoft.net/jodit/

Jodit Editor 3是一個用純TypeScript編寫的開源github編輯器，不使用任何其他庫。它允許你以多種方式設置它，如通過npm、使用CDN......。我喜歡它的是，除了詳細的說明，還有一個程序，通過代碼讓我們自由選擇哪些工具附加到Jodit Editor。

Summernote

https://summernote.org

Summernote是GitHub上的開源編輯器，獲得了超過9K星。它是通過Bootstrap框架設計的，具有在你的網(wǎng)站上創(chuàng)建內(nèi)容所需的所有功能。你只需要下載它的源文件css，js，再加上Bootstrap框架(也支持3、4兩個版本)就已經(jīng)可以為你的網(wǎng)站服務了。

Editor.js

https://editorjs.io/

Editor.js是一個開源的塊狀編輯器，它不會像普通的編輯器那樣使用標簽HTML，將內(nèi)容以JSON的形式輸出，使其更容易管理。它還支持通過使用API的插件，多虧了這一點，應該任何功能 任何開發(fā)者都可以為這個程序貢獻更多有趣和有用的插件。

MediumEditor

https://yabwe.github.io/medium-editor

MediumEditor是Medium的內(nèi)置的開放源代碼編輯器，用于人們博客。它僅包含編輯器所需的基本實用程序，因此僅約28kB，這將有助于你的網(wǎng)站得到優(yōu)化。同時如果我們想要添加其他功能，為了優(yōu)化編輯，MediumEditor還提供了額外的外部實用工具，定期更新。

Wysihtml

http://wysihtml.com/

Wysihtml是一個由Voog團隊構建的開源編輯器。它功能齊全，可以幫助你輕松編輯文本，并且支持大多數(shù)現(xiàn)代屏幕瀏覽器的設備圖像。有很多工具我很喜歡它是自動轉(zhuǎn)換不合適的HTML標簽率，自動分析內(nèi)容時從Word, PDF，顯示內(nèi)容為HTML…

ContentTools

https://getcontenttools.com/dem

ContentTools是內(nèi)置的開源編輯器，可幫助你輕松地一種方式編輯HTML內(nèi)容。它提供了用于編輯內(nèi)容的各種實用程序，你還可以輕松地將Message Institute和其他實用程序添加到程序中（請參閱脫機API部分）。我還發(fā)現(xiàn)了如何設置，添加或刪除程序中的函數(shù)的文章…都是非常細致的。

Froala

https://froala.com/wysiwyg-editor/tour/

Froala是一個編輯器，可以很容易地為網(wǎng)站設置，并允許你根據(jù)預期用途打開廣泛的功能。由于它是用純JavaScript編寫的，因此你可以將其用于當今的大多數(shù)現(xiàn)代前端框架。它還提供了許多有用的工具，以及編輯圖像，添加或編輯視頻，添加圖標，管理面板等。但是，如果你要使用該工具用于商業(yè)目的，則必須購買許可證。

Redactor

https://imperavi.com/redactor/

Redactor是一款功能齊全的編輯器，具有精美而簡單的設計。超過9年的發(fā)展，包括很多支持插件，我想這是一個很好的產(chǎn)品。另外它對程序員在使用程序的過程中遇到的每一個常見問題都有極其詳細的實例。但是，它也有一個缺點，當你將其用于商業(yè)目的時必須購買許可證。

以上就是今天的內(nèi)容分享！大家有什么知道的其他的文本編輯器也可以在下方評論出來哦~

另外作為一名編程學習者，如果你想更好的提升你的編程能力，好好學習C/C++編程知識以及數(shù)據(jù)結構，以后努力成為高薪算法/軟件開發(fā)工程師的話！

分享（源碼、項目實戰(zhàn)視頻、項目筆記，基礎入門教程）

歡迎轉(zhuǎn)行和學習編程的伙伴，利用更多的資料學習成長比自己琢磨更快哦！