本文由體驗技術團隊Kagol原創。
Fluent Editor 是一個基於 Quill 2.0 的富文本編輯器,在 Quill 基礎上擴展了豐富的模塊和格式,框架無關、功能強大、開箱即用。
2024年8月12日,Fluent Editor 正式開源!
- 源碼:https://github.com/opentiny/fluent-editor/
- 官網:https://opentiny.github.io/fluent-editor/
開源之後,有不少用户開始使用我們的 Fluent Editor 富文本編輯器,並且給我們提了很多 issue,我們也在持續進行完善,近期發佈的兩個大版本:v3.22.0 和 v3.23.0 支持了 LaTeX 可編輯公式、i18n 國際化 和 工具欄 tooltip 提示 三個重要的特性。
這些都是用户給我們提交的 issue,相信隨着越來越多用户的使用,以及越來越多社區開發者的貢獻,Fluent Editor 會日趨完善,成為一個強大、好用的開源富文本,讓更多業務受益,也為前端開源生態的繁榮貢獻力量!
貢獻者團隊
目前 Fluent Editor 項目一共由4名核心貢獻者 Kagol、zzxming、Janson1012、keray 共同維護。
- Kagol:Fluent Editor 發起人,基於 Quill 2.0 搭建了 Fluent Editor 基本框架,實現了表格、圖片、@提醒、文件、字符統計、代碼塊高亮、表情等基礎功能,增加 TypeScript 類型聲明,引入 Playwright 自動化測試。
- zzxming:Fluent Editor 核心貢獻者,從8月到11月持續參與貢獻,實現格式刷、截屏、國際化、工具欄 tooltip 提示、mention 支持超鏈接等多個新特性,優化構建產物、減少包體積,並修復代碼 ESLint 問題。zzxming 對 Quill 很熟悉,曾創建 quill-table-up、quill-toolbar-tip 等多個 Quill 模塊。
- Janson1012:Fluent Editor 核心貢獻者,實現深色模式,補充文件上傳的 E2E 測試,並重構了表格單元格背景色邏輯。
- keray:引入 mathlive,為 Fluent Editor 帶來 LaTex 可編輯公式功能,有效地提升了 Fluent Editor 公式編輯的體驗。
貢獻者招募👏
少數人的力量畢竟是有限的,我們希望更多小夥伴能參與進來,一起共建!
現在正式面向社區招募熱愛開源的小夥伴一起建設 Fluent Editor!
如果你是一名前端開發者,不管是經驗豐富的開發者、還是職場萌新、或者是在校學生;
不管你是 Vue,還是 React、Angular 技術棧,不管你使用 JavaScript,還是 TypeScript;
只要你有意願參與 Fluent Editor 的共建,我們都非常歡迎你的加入!👏
通過參與 Fluent Editor 項目,你將收穫:
- 學習和實踐新技術:由於 Fluent Editor 是一個純
TypeScript項目,你將學習如何編寫 TypeScript 類型聲明;學習如何使用pnpm+monorepo的方式管理代碼;如何使用Playwright做 E2E 自動化測試。 - 獲得社區導師的指導:如果你參與進來,我們的前輩導師也會給予你充分的指導,認真檢視你的代碼,將來你也將有機會成為社區的導師,指導新來的開發者完成任務。
- 獲得定製周邊禮品:Fluent Editor 是 OpenTiny 組織下的倉庫,你將有機會參與 OpenTiny 年度貢獻者評選,贏取精美的 OpenTiny 定製禮物,2023年貢獻者榜單。
- 與OpenTiny成員面對面交流:也將有機會參加 OpenTiny 的各類線上線下活動,比如:參加HDC大會,並遊覽溪村;參加線下茶話會,與OpenTiny團隊成員面對面交流,共進午餐等
感興趣的小夥伴可以添加 OpenTiny 小助手的微信:opentiny-official(備註:共建),拉你進 Fluent Editor 核心開發羣。
往期推薦文章
- Fluent Editor:一個基於 Quill 2.0 的富文本編輯器,功能強大、開箱即用!
- Fluent Editor 富文本開源2個月的總結🎈🎈增加格式刷、截屏、TypeScript 類型聲明等新特性
- 🥳重磅更新!Fluent Editor 開源富文本支持 LaTeX 可編輯公式啦~
- 🎉喜報!Fluent Editor 開源富文本迎來了第一位貢獻者👏
關於OpenTiny
OpenTiny官網:https://opentiny.design
TinyVue 源碼:https://github.com/opentiny/tiny-vue(歡迎 Star ⭐)
TinyEngine 源碼:https://github.com/opentiny/tiny-engine(歡迎 Star ⭐)
B站:https://space.bilibili.com/15284299
歡迎加入 OpenTiny 開源社區。添加微信小助手 opentiny-official 一起參與交流前端技術~