[[383984]]

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

作者：haycuoilennao19

CKEditor

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

 

https://ckeditor.com/

Trumbowyg

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

 

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

TinyMCE

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

 

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

Quill

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

 

https://quilljs.com/

Trix

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

 

https://trix-editor.org/

Jodit Editor 3

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

 

https://xdsoft.net/jodit/

Summernote

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

https://summernote.org/

Editor.js

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

 

https://editorjs.io/

MediumEditor

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

 

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

Wysihtml

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

http://wysihtml.com/

ContentTools

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

 

https://getcontenttools.com/demo

Froala

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

 

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

Redactor

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

 

https://imperavi.com/redactor/

本文轉載自微信公眾號「前端全棧開發者」，可以通過以下二維碼關注。轉載本文請聯系前端全棧開發者公眾號。