思否開源項目推介丨ZebraEditorCore：基礎、純粹的富文本編輯器

開源項目名稱：ZebraEditorCore
開源項目負責人：aco
開源項目簡介：最基礎、純粹的富文本編輯器
開源項目類型：我的開源
項目建立時間：2020.05
GitHub 數據：211 star 11 fork
GitHub 地址：https://github.com/acccco/zebra-editor-core

項目介紹

目前，市面上流行的富文本編輯器主要有三大類：

一、Markdown 編輯器，功能有限，並不富文本，不能輕易的給文字加顏色，設置段落的樣式等等。
二、基於 contenteditable 的 html 富文本編輯器，如 ckeditor 。生成的 html 過於混亂，不能提取大綱，掌控不了文章內容，雖能獲取 html ，但卻控制不了 html 的結構，不能直接生成 Markdown，或是別的結構，侷限性很大。
三、基於 contenteditable 的 js 富文本編輯器，與第二類的區別主要在於：它的內容是保存在 js 中的，html 的呈現只是它內容的映射，全部的編輯行爲實際操做的是 js 內存中的模型，好比 DraftJs 等，可是目前這一類的編輯器，功能簡單，可操做性太差。

該項目爲第 3 類的富文本編輯器，但相對於別的第三類富文本編輯器來講，它功能豐富，理論上支持全部的 css 屬性，支持 Markdown 中全部的類型，包括但不限於標題、表格、列表、引用、圖片等，同時表格、列表、支持多層級嵌套，因爲內容由 JS 表示，還可生成別的類型：如 Markdown。

可擴展性方面：

1. 項目提供了一整套的類組件，若是想添加新的內容，只須要繼承響應的類，並實現方法便可。
2. 項目提供一個抽象生成器，只要實現該類，並設置自定義的生成器，可輕鬆替換文章生成的內容，好比 Markdown。
3. 真的很富文本，在 Markdown 裏缺失的一切均可以在這獲得補充。

思否推薦

編輯器的設計難度在前端中可謂是困難模式，因此不多可以在開源項目中看到編輯器的開源，特別是富文本編輯器的開源。

ZebraEditorCore 做爲一款編輯器的核心，有着豐富的功能支持，理論上支持全部的 css 屬性，支持 Markdown 中全部的類型，包括但不限於標題、表格、列表、引用、圖片等，同時表格、列表、支持多層級嵌套，因爲內容由 JS 表示，還可生成別的類型：如 Markdown。

該項目已入選 「SFOSSP - 思否開源項目支持計劃」，咱們但願藉助社區的資源對開源項目進行相關的宣傳推廣，並做爲一個長期項目助力開源事業的發展，與廣大開發者共建開源新生態。
有意向的開源項目負責人或團隊成員，可經過郵箱（pr@segmentfault.com）提供相應的信息（開源項目地址、項目介紹、團隊介紹、聯繫方式等），以便提高交流的效率。