[[383984]]

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

作者：haycuoilennao19

CKEditor

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

https://ckeditor.com/

Trumbowyg

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

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

TinyMCE

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

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

Quill

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

https://quilljs.com/

Trix

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

https://trix-editor.org/

Jodit Editor 3

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

https://xdsoft.net/jodit/

Summernote

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

https://summernote.org/

Editor.js

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

https://editorjs.io/

MediumEditor

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

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

Wysihtml

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

http://wysihtml.com/

ContentTools

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

https://getcontenttools.com/demo

Froala

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

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

Redactor

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

https://imperavi.com/redactor/

本文轉(zhuǎn)載自微信公眾號(hào)「前端全棧開發(fā)者」，可以通過以下二維碼關(guān)注。轉(zhuǎn)載本文請(qǐng)聯(lián)系前端全棧開發(fā)者公眾號(hào)。