建站
咨詢
售后
建站咨詢
新聞中心
1. Draft.js
Draft.js 是 Facebook 的一個(gè)開(kāi)源項(xiàng)目，是 React 項(xiàng)目首選的富文本編輯器框架。這是一個(gè)健壯、可擴(kuò)展和可定制的框架。Draft.js 遵循與 React 中的受控組件相同的范例，并提供了一個(gè) Editor 呈現(xiàn)富文本輸入的組件。它還公開(kāi)了一個(gè)EditorStateAPI 來(lái)處理/存儲(chǔ)Editor組件中的狀態(tài)更新。
創(chuàng)新互聯(lián)專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務(wù)，包含不限于成都網(wǎng)站設(shè)計(jì)、網(wǎng)站制作、李滄網(wǎng)絡(luò)推廣、成都微信小程序、李滄網(wǎng)絡(luò)營(yíng)銷、李滄企業(yè)策劃、李滄品牌公關(guān)、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運(yùn)營(yíng)等，從售前售中售后，我們都將竭誠(chéng)為您服務(wù)，您的肯定，是我們最大的嘉獎(jiǎng)；創(chuàng)新互聯(lián)為所有大學(xué)生創(chuàng)業(yè)者提供李滄建站搭建服務(wù)，24小時(shí)服務(wù)熱線：13518219792，官方網(wǎng)址：www.cdcxhl.com
該富文本編輯器的特點(diǎn)：
- 具有高度可擴(kuò)展性和可定制性；
- 由 Facebook 支持的龐大且不斷增長(zhǎng)的開(kāi)源開(kāi)發(fā)者社區(qū)提供了許多教程和支持；
- 無(wú)縫融入 React 應(yīng)用程序，使用熟悉的聲明式 API 抽象出渲染、選擇和輸入行為的細(xì)節(jié)；
- Draft.js 模型是用 immutable-js 構(gòu)建的，提供了一個(gè)具有功能狀態(tài)更新的 API，并積極利用數(shù)據(jù)持久性來(lái)實(shí)現(xiàn)可擴(kuò)展的內(nèi)存使用。
GitHub：https://github.com/facebook/draft-js
2. Slate.js
Slate.js 是受 Draft.js 啟發(fā)的富文本編輯器。它是一個(gè)可深度定制的富編輯器框架，專用于 React。與 Draft.js 類似，它具有良好的 API、強(qiáng)大的插件基礎(chǔ)設(shè)施以及與 React 的深度連接。此外，插件生態(tài)系統(tǒng)比 Draft.js 小一些，但它的插件質(zhì)量會(huì)更好。
該富文本編輯器的特點(diǎn)：
- 生成 JSON 輸出，使其更容易與其他模塊集成；
- 它的嵌套文檔模型支持更復(fù)雜的內(nèi)容結(jié)構(gòu)，如表格、分頁(yè)符和其他自定義功能；
- 可使用插件進(jìn)行擴(kuò)展；
- 提供良好的描述性文檔和交互式演示。
GitHub：https://github.com/ianstormtaylor/slate
3. Quill.js
Quill.js 是一個(gè)具有跨平臺(tái)和跨瀏覽器支持的富文本編輯器。憑借其可擴(kuò)展架構(gòu)和富有表現(xiàn)力的 API，可以完全自定義它以滿足個(gè)性化的需求。由于其模塊化架構(gòu)和富有表現(xiàn)力的 API，可以從 Quill 核心開(kāi)始，然后根據(jù)需要自定義其模塊或?qū)⒆约旱臄U(kuò)展添加到這個(gè)富文本編輯器中。它提供了兩個(gè)用于更改編輯器外觀的主題，可以使用插件或覆蓋其 CSS 樣式表中的規(guī)則進(jìn)一步自定義。Quill 還支持任何自定義內(nèi)容和格式，因此可以添加嵌入式幻燈片、3D 模型等。
該富文本編輯器的特點(diǎn)：
- 由于其 API 驅(qū)動(dòng)的設(shè)計(jì)，無(wú)需像在其他文本編輯器中那樣解析 HTML 或不同的 DOM 樹(shù)；
- 跨平臺(tái)和瀏覽器支持，快速輕便；
- 通過(guò)其模塊和富有表現(xiàn)力的 API 完全可定制；
- 可以將內(nèi)容表示為 JSON，更易于處理和轉(zhuǎn)換為其他格式；
- 提供兩個(gè)主題以快速輕松地更改編輯器的外觀。
GitHub：https://github.com/quilljs/quill/
4. TinyMCE
TinyMCE 是一個(gè)熱門的富文本編輯器。它的目標(biāo)是幫助其他開(kāi)發(fā)人員構(gòu)建精美的 Web 內(nèi)容解決方案。它易于集成，可以部署在基于云的、自托管或混合環(huán)境中。該設(shè)置使得合并諸如 Angular、React 和 Vue 等框架成為可能。它還可以使用 50 多個(gè)插件進(jìn)行擴(kuò)展，每個(gè)插件都有 100 多個(gè)自定義選項(xiàng)。
TinyMCE 通過(guò)創(chuàng)建和編輯表格、建立字體系列、搜索和替換字體以及更改字體大小等功能，讓你可以完全控制你的設(shè)計(jì)。它還提供了多種云安全功能，包括 JSON Web 令牌和私有 RSA 密鑰，以更好地保護(hù)你的內(nèi)容。
該富文本編輯器的特點(diǎn)：
- 實(shí)時(shí)協(xié)作支持；
- 高級(jí)表格和復(fù)雜內(nèi)容支持；
- 增強(qiáng)的媒體嵌入支持；
- 自動(dòng)鏈接檢查器；
- 編輯器可以在三種模式下使用：經(jīng)典、內(nèi)聯(lián)、無(wú)干擾；
- 提供云安全功能。
GitHub：https://github.com/tinymce/tinymce
5. wangEditor
wangEditor 是一個(gè)使用Typescript 開(kāi)發(fā)的 Web 富文本編輯器， 輕量、簡(jiǎn)潔、易用、開(kāi)源免費(fèi)。它兼容常見(jiàn)的 PC 瀏覽器：Chrome，F(xiàn)irefox，Safar，Edge，QQ 瀏覽器，IE11。
GitHub：https://github.com/wangeditor-team/wangEditor/
6. ProseMirror
ProseMirror 是一個(gè)基于 ContentEditable 的所見(jiàn)即所得 HTML 編輯器，功能強(qiáng)大，支持協(xié)作編輯和自定義文檔模式 ProseMirror 庫(kù)由多個(gè)單獨(dú)的模塊組成。一個(gè)理想的富文本編輯器產(chǎn)生結(jié)構(gòu)化的、語(yǔ)義化的、有意義的文檔的同時(shí)還要能夠讓用戶能夠容易的理解與使用。ProseMirror 試著在 Markdown 編輯體驗(yàn)和傳統(tǒng)的 WYSIWYG 編輯體驗(yàn)中尋找一種融合的方法。它通過(guò)實(shí)現(xiàn)一個(gè)比普通的 HTML 具有更多的限制和結(jié)構(gòu)化的 WYSIWYG 風(fēng)格的接口來(lái)做到這點(diǎn)。你可以自定義編輯器創(chuàng)建的文檔的結(jié)構(gòu)和內(nèi)容，使它們符合你應(yīng)用的需要。
該富文本編輯器的特點(diǎn)：
- 實(shí)時(shí)協(xié)同編輯：ProseMirror 內(nèi)置了對(duì)實(shí)時(shí)協(xié)同編輯的堅(jiān)定支持，它允許多個(gè)人同時(shí)對(duì)一個(gè)文檔進(jìn)行編輯。
- 可擴(kuò)展的文檔結(jié)構(gòu)：文檔結(jié)構(gòu)(Document schemas)允許使用自定義的文檔結(jié)構(gòu)而無(wú)需從頭開(kāi)始編寫自己的編輯器。
- 模塊化：模塊機(jī)制確保你只載入自己需要的模塊，同時(shí)能夠按需替換已有的模塊。
- 插件化：插件系統(tǒng)允許你容易地增加額外的功能，同時(shí)以一種簡(jiǎn)單的方式打包你的插件。
- 函數(shù)式：一個(gè)函數(shù)式和不可變數(shù)據(jù)結(jié)構(gòu)讓 ProseMirror 很容易的與現(xiàn)代 web app 集成，以實(shí)現(xiàn)復(fù)雜的編輯行為。
- 定制化：核心庫(kù)小巧且通用，為構(gòu)建不同類型的編輯器提供基礎(chǔ)支持。
GitHub：https://github.com/prosemirror/
7. Tiptap
Tiptap 是一個(gè)基于 Vue 的無(wú)渲染的富文本編輯器，它基于 Prosemirror，完全可擴(kuò)展且無(wú)渲染?？梢暂p松地將自定義節(jié)點(diǎn)添加為Vue組件。使用無(wú)渲染組件(函數(shù)式組件)，幾乎完全控制標(biāo)記和樣式。菜單的外觀或在DOM中的顯示位置。這完全取決于使用者。
該富文本編輯器的特點(diǎn)：
- 支持 Vue，React，Svelte 等框架；
- 使用 TypeScript 重構(gòu)，支持類型系統(tǒng)；
- 代碼多包發(fā)布，每個(gè)模塊的功能更加獨(dú)立，開(kāi)發(fā)者能更好的按需使用；
- 提供了更多開(kāi)箱即用的擴(kuò)展；
- 完善了文檔細(xì)節(jié)，有了文檔站點(diǎn)；
- 更高程度的支持了協(xié)同編輯。
GitHub：https://github.com/ueberdosis/tiptap
8. CKEditor 5
CKEditor 是一個(gè)強(qiáng)大的富文本編輯器框架，具有模塊化架構(gòu)、現(xiàn)代集成和協(xié)作編輯等功能。它可以通過(guò)基于插件的架構(gòu)進(jìn)行擴(kuò)展，從而可以將必要的內(nèi)容處理功能引入。CKEditor 在市場(chǎng)上已有近 15 年的歷史，因其具有廣泛的功能和舊版軟件兼容性而成為最負(fù)盛名的編輯器之一。
CKEditor 5 是一個(gè)超現(xiàn)代的 JavaScript 富文本編輯器，具有 MVC 架構(gòu)、自定義數(shù)據(jù)模型和虛擬 DOM。它是在 ES6 中從頭開(kāi)始編寫的，并且具有出色的 webpack支持?？梢允褂门cAngular、React和Vue.js的原生集成。
該富文本編輯器的特點(diǎn)：
- 與Electron和移動(dòng)設(shè)備(Android、iOS)兼容；
- 可以自定義編輯器的顏色、語(yǔ)言、尺寸、工具欄等；
- 可以通過(guò)插件擴(kuò)展；
- 支持從 Word、Excel 和 Google Docs 粘貼；
- 可以通過(guò) Media Embed 插件插入視頻、推文、代碼片段、數(shù)學(xué)公式等。
GitHub：https://github.com/ckeditor/ckeditor5
9. ContentTools
ContentTools 是一個(gè)開(kāi)源的富文本編輯器，只需幾個(gè)步驟即可將其添加到任何 HTML 頁(yè)面。添加后，將在 HTML 頁(yè)面上看到一個(gè)鉛筆圖標(biāo)。單擊時(shí)，會(huì)出現(xiàn)一個(gè)工具箱和檢查器欄。使用這兩個(gè)元素，可以在頁(yè)面內(nèi)編輯、調(diào)整大小或拖放文本圖像、嵌入的視頻、表格和其他內(nèi)容。
ContentTools 旨在提供可開(kāi)箱即用的全功能內(nèi)容編輯器和可用于構(gòu)建您自己的編輯器的類和函數(shù)工具包。該工具包包括一組輕量級(jí)的用戶界面類、一組用于執(zhí)行常見(jiàn)編輯任務(wù)的工具，以及一個(gè)用于管理撤消/重做的歷史堆棧。雖然工具包提供的組件可以很好地協(xié)同工作，但它們也可以根據(jù)需要使用或更換。
該富文本編輯器的特點(diǎn)：
只需幾個(gè)簡(jiǎn)單的步驟，即可在任何 HTML 頁(yè)面上安裝編輯器；
可以控制頁(yè)面的哪些區(qū)域是可編輯的；
可以通過(guò)添加工具進(jìn)行擴(kuò)展。
GitHub：https://github.com/GetmeUK/ContentTools
10. Jodit
Jodit 是一款使用純 TypeScript 編寫的(無(wú)需使用其他庫(kù))，美觀實(shí)用的所見(jiàn)即所得開(kāi)源富文本編輯器，支持中文，超強(qiáng)自定義。
GitHub：https://github.com/xdan/jodit
新聞名稱：推薦十款常用的富文本編輯器
分享地址：http://m.5511xx.com/article/cdpdcso.html
