五種JavaScript富文字編輯器,總有一款適合你

也許，你時常會遇到要開發基於Web的文字編輯器的情況。有時候，只需實現一個簡約且輕量級的應用程式，不必有其他任何不必要的功能。而有時候，你的首要任務是保護使用者的商業機密。

在這樣的情況下，如果想知道“背後發生了什麼”，最好是從頭開始建立應用程式。所幸，可採取的解決方案有很多。因此，總能找到一種工具，來建立符合使用者需求和資金要求的線上文字編輯器。

本文將簡要介紹五個JavaScript富文字編輯器，以幫助你找到滿足期望的編輯器。

1. Froala編輯器

Froala 編輯器是一個JavaScript WYSIWYG編輯器，主要特點是能輕鬆地與主流開發框架進行整合。目前，可以將Froala與React.js，Aurelia，Angular，Ionic，Django和其他框架一起使用。作為此工具的建立者，Froala 編輯器是由開發人員為開發人員設計的。功能強大且豐富的API為開發者提供了廣泛的可能性，其中包含許多優秀程式碼示例文件，這些文件將幫助使用者在幾分鐘內就能掌握並使用。

Froala編輯器的另一個顯著優勢是易於新增新功能。大量易於使用的外掛(其中有30多個)無需進行復雜的操作便可新增新功能。 該編輯器具有編寫良好的程式碼，並具有結構化和文件化的特點，非常易於理解、維護和擴充套件。

目前，有三個定價方式：基礎版(239美元)、專業版(1199美元)和企業版(1999美元)。

結論 ：對於那些從事多個專案並希望與不同庫輕鬆整合的人來說，Froala編輯器將是一個很好的選擇。

一個人學習會有迷茫，動力不足。這裡推薦一下我的前端學習交流群：731771211 ，裡面都是學習前端的，如果你想製作酷炫的網頁，想學習程式設計。自己整理了一份2019最全面前端學習資料，從最基礎的HTML+CSS+JS【炫酷特效，遊戲，外掛封裝，設計模式】到移動端HTML5的專案實戰的學習資料都有整理，送給每一位前端小夥伴，有想學習web前端的，或是轉行，或是大學生，還有工作中想提升自己能力的，正在學習的小夥伴歡迎加入學習。

點選： 加入

2. Textbox.io

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

移動裝置支援使用者使用適合移動裝置的使用者介面，從相機或相簿上傳影像，使用Siri或Cortana處理文字等。可以透過應用標準和自定義類或樣式來更改Textbox.io的外觀。

Textbox.io支援與ASP.NET，Knockout，XPage和Angular的整合。 與前面的列舉的編輯器相比，這個範圍並沒有那麼大，但它仍然是有優勢的。

Textbox.io提供以下定價方式：免費許可(非商業用途)，商業(99美元)和合作夥伴(499美元)。

結論 ：對於那些專注於移動解決方案的人來說，該工具是很好的選擇。

3. DHTMLX富文字編輯器

DHTMLX富文字編輯器是一個完全可自定義的JavaScript文字編輯器，支援HTML和Markdown以及純文字作為輸入和輸出格式。在Angular，React和Vue.js專案中可以使用此文字編輯器進行整合。

使用基於DHTMLX富文字編輯器的線上應用程式的使用者可以在簡潔的經典模式和文件模式之間切換。全屏模式對於使用小螢幕裝置的使用者非常有用。這種文字編輯器具有完全可自定義的外觀，使得使用者可以創造獨一無二的外觀和感覺。，透過使用任何所需的圖示、字型或顏色，你可以開發具有識別度的設計。此外，還可以更改可用控制元件的效能，並根據需要新增自己的控制元件。

還有一些有用的功能，如計算單詞、字元和其他自定義元素的數量。DHTMLX富文字編輯器支援塊引用、連結以及所有必要的格式和編輯功能。這個元件是最早的富文字編輯器之一，發展前景可觀。該編輯器開發商聲稱他們有著深遠的謀劃。

有三種不同的許可證定價可供選擇：由5名開發人員組成的團隊，其商業許可證將花費149美元。 20個開發人員和5個專案的企業許可證價格為449美元。無限數量的開發人員和專案的終極許可證價格為669美元。除了這些計劃，還可以在GNU GPL v2下載此編輯器以用於開源專案(請檢視底部的表格)。

結論 ：在列出的JavaScript文字編輯器列表中，DHTMLX富文字編輯器在價格和功能之間提供了最佳平衡。對於那些精打細算的人來說，這將是一個很好的選擇。

4. Imperavi Redactor

Imperavi Redactor是一個基於Web的文字編輯器，提供流暢、乾淨的設計，具有可擴充套件性和無限的靈活性，其高效的API和驚人的使用者體驗更是別具特色。其模組化架構允許使用者快速擴充套件應用程式的功能。清晰的程式碼和簡潔的UI為開發人員和使用者創造了極好的體驗。

目前，這款編輯器擁有22個外掛來完成常規工作。此外，使用者還可以輕鬆地建立自己的外掛。沒有必要作為技術專家來安裝和配置這個文字編輯器。在這個編輯器內文件很好寫且不會造成任何麻煩。

定價方式很簡單：專業版將花費199美元;如果想要銷售或釋出軟體，OEM許可證的價格為1299美元。

結論 ：Imperavi Redactor是為那些尋找內禪的人設計和創造的。

5. Syncfusion富文字編輯器

Syncfusion富文字編輯器是一個輕量級JavaScript工具，支援HTML和Markdown。可以使用它來建立Web和移動應用程式，如部落格編輯器、信使、線上論壇等。內聯模式使內聯編輯器在使用者單擊可編輯區域中的內容後顯示。

工具欄配置有很多可選性。例如，可以根據專案的要求嚮應用新增多行工具欄、展開工具欄、快速工具欄或浮動工具欄。此外，還可以根據類別配置工具欄按鈕和組命令。使用者可以在文字中插入影像和超連結。並且，可以插入HTML表格來簡化財務資料的工作。所有功能都可以動態操作。

在撰寫本文時，Syncfusion富文字編輯器提供了與Angular、React和Vue.js的整合。庫的列表所展示的內容不是很多，但它包含了最受歡迎的選項，這是一個加分項。

結論 ：對於那些正在尋找具有數十種可用控制元件來綜合解決方案的人來說，Syncfusion富文字編輯器將是一個不錯的選擇。