博客 / 詳情

返回

Fluent Editor v3.25.0 正式發佈!2025年第一個版本,增加標題列表導航、分隔線、多圖多文件上傳等實用特性

本文由體驗技術團隊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 一起參與交流前端技術~

user avatar zhangxishuo 頭像 gfeteam 頭像 xingxingshangdesigua 頭像
3 位用戶收藏了這個故事!

發佈 評論

Some HTML is okay.