本文由體驗技術團隊Kagol原創。
Fluent Editor 是一個基於 Quill 2.0 的富文本編輯器,在 Quill 基礎上擴展了豐富的模塊和格式,框架無關、功能強大、開箱即用。
- 源碼:https://github.com/opentiny/fluent-editor/
- 官網:https://opentiny.github.io/fluent-editor/
今天是2025年1月2日,也是2025年的第一個工作日,我們很高興地宣佈 Fluent Editor v3.25.0 正式發佈!
我們一起來看下都有哪些更新吧!
新特性 🎉
- 增加標題列表導航 by @zzxming in #146
- 增加分隔線格式 @jany55555 in #167
- 支持多圖片、多文件上傳 by @qwangry in #168
- 支持上傳文件到服務器 by @kagol in #163
優化重構 🎈
- 將 quill-header-list 和 quill-toolbar-tip 依賴抽離出去,減少包體積,用户可按需自行安裝和使用 by @zzxming in #178
- 將 i18n 國際化功能抽離成單獨的模塊,便於維護 by @zzxming in #176
- 網站增加 PeterCatAI 小貓咪助手,可以輔助答疑,提升使用體驗 @kagol in #181
詳細 Release Notes 請參考:https://github.com/opentiny/fluent-editor/releases/tag/v3.25.0
貢獻者團隊
目前 Fluent Editor 項目一共由6名核心貢獻者 Kagol、zzxming、Janson1012、keray、jany55555、qwangry 共同維護(還有2只兢兢業業檢視代碼和答疑的小兔子🐰 CodeRabbitAI 和小貓咪🐱 PeterCatAI,希望你們不要嫌它們煩😂)。
- 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 公式編輯的體驗。
- jany55555:優化插入表格的交互,增加表格選擇器,之前通過工具欄按鈕只能插入33的表格,現在可以插入最多1010的表格。除此之外,jany還優化了表格右鍵菜單的體驗,菜單項太多時會出現滾動條,以及增加分隔線這個新的格式。
- qwangry:為 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 開源富文本迎來了第一位貢獻者
- 👏讓我們一起來建設 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 一起參與交流前端技術~