前端UI組件富文本【免費下載鏈接】cherry-markdown? A Markdown Editor項目地址https://gitcode.com/GitHub_Trending/ch/cherry-markdown點擊查看免費下載cherry-markdown 是一款基于 Web 的 Markdown 編輯器本文以倉庫內(nèi) packages/cherry-markdown/CHANGELOG.md 為主線系統(tǒng)梳理從 v0.5.13 到 v0.11.10 的完整版本演進(jìn)脈絡(luò)涵蓋編輯器內(nèi)核升級CodeMirror 6、流式輸出stream/AI 會話、所見即所得編輯、主題系統(tǒng)重構(gòu)、構(gòu)建產(chǎn)物體系、語法擴(kuò)展與安全加固等關(guān)鍵議題。讀完本文你將能理解 cherry-markdown 每個大版本背后的設(shè)計取舍、核心配置項的含義與默認(rèn)值并知道如何在倉庫源碼與測試中進(jìn)一步驗證這些能力。版本總覽三大演進(jìn)階段cherry-markdown 的版本歷程可以劃分為三個清晰階段階段版本區(qū)間主題基礎(chǔ)成型期v0.5.13 – v0.8.x語法引擎、工具欄、所見即所得WYSIWYG、國際化、多端插件能力爆發(fā)期v0.9.0 – v0.10.3流式會話適配、Suggester 聯(lián)想、圖表/公式/mermaid 增強(qiáng)、主題 CSS 變量化內(nèi)核重構(gòu)期v0.11.xCodeMirror v6 升級、構(gòu)建鏈遷移Vite、ESM/UMD 產(chǎn)物拆分、搜索替換面板其中v0.11.0與v0.11.10是兩個技術(shù)含量最高的里程碑前者完成了編輯器底層從 CodeMirror 5 到 CodeMirror 6 的重構(gòu)后者將發(fā)布構(gòu)建鏈整體遷移至 Vite 并引入 Oxc 壓縮器。v0.11.x內(nèi)核重構(gòu)與構(gòu)建體系現(xiàn)代化0.11.0——CodeMirror v6 升級本階段最重要的破壞性變更v0.11.0 將編輯器內(nèi)核從 CodeMirror v5 升級到 v6并重構(gòu)出 CM6Adapter 適配器。這次升級帶來幾項關(guān)鍵收益與代價性能優(yōu)化特殊字符標(biāo)記Decoration/Mark處理性能得到優(yōu)化對超大文檔渲染有直接幫助功能修復(fù)修復(fù)了選區(qū)映射、正則處理、Bubble 事件等一批與編輯器交互相關(guān)的歷史問題vim 模式懶加載支持通過replit/codemirror-vim實現(xiàn) vim 編輯模式的按需加載而非隨主包打包stream 模式瘦身codeMirror模塊改為依賴注入方式加載stream流式模式下完全不加載 CodeMirror進(jìn)一步降低 AI 會話場景的包體。從源碼看Editor.js 中暴露了CM6Adapter、ReplacementWidget與Editor三個類適配器模式正是這一階段重構(gòu)的核心產(chǎn)物而 packages/cherry-markdown/test/codemirror/ 目錄下的Editor.spec.ts、BatchMarks.spec.ts、MultiInstanceIsolation.spec.ts、SearchReplace.spec.ts等測試文件則是這次重構(gòu)配套建立的驗證體系。升級提醒v0.11.0 同步修復(fù)了 XSS 安全漏洞#1653并調(diào)整了工具欄隱藏邏輯——當(dāng)toolbar與toolbarRight同時為false或空數(shù)組時頂部工具欄將自動隱藏。0.11.4——內(nèi)置搜索/替換面板與動態(tài)安裝 mermaidv0.11.4 引入兩個實用能力內(nèi)置搜索/替換面板新增SearcherPanel、SearcherBridge及toolbars/searcher模塊通過工具欄searchhook 啟用支持 CtrlF 查找、CtrlH 替換并配套中英文等多語言文案。倉庫中 packages/cherry-markdown/src/toolbars/searcher/ 即為該模塊的源碼實現(xiàn)packages/cherry-markdown/test/toolbars/searcher/ 提供了對應(yīng)測試。此外搜索框還新增了選中所有匹配項按鈕。動態(tài)安裝 mermaid#1603mermaid 從必須預(yù)置變?yōu)榭砂葱鑴討B(tài)加載配合 0.11.3 的mermaid 延時加載與代碼塊緩存機(jī)制修復(fù)讓圖表渲染在長文檔與流式場景下更穩(wěn)定。同版本還修復(fù)了es-toolkit依賴問題——移除該依賴并內(nèi)置mergeWith、cloneDeep、escapeRegExp、debounce位于 packages/cherry-markdown/src/utils/toolkit/其中mergeWith采用 lodash 兼容語義修復(fù)了usePlugin兩參數(shù)調(diào)用時不合并配置的問題。0.11.5——ESM 與 UMD/CDN 入口拆分v0.11.5 對構(gòu)建產(chǎn)物做了重要調(diào)整ESM 產(chǎn)物不再掛載window.Cherry而 UMD/CDN 產(chǎn)物繼續(xù)掛載并保持原 CDN 路徑不變。這消除了 ESM 場景下全局變量的副作用side effect讓 ESM 包可以被 tree-shaking。倉庫中 index.core.js、index.core.umd.js、index.stream.js、index.stream.umd.js、index.umd.js 等多入口文件即對應(yīng) full/core/stream 三種能力的 ESM 與 UMD 形態(tài)。同版本還支持了拖拽插入文件#1787配合此前版本對拖拽上傳的持續(xù)打磨形成了完整的拖放文件→走上傳邏輯→插入內(nèi)容鏈路。0.11.10——Vite 構(gòu)建鏈與 Oxc 壓縮器v0.11.10 將發(fā)布構(gòu)建鏈遷移至 Vite并引入 Oxc 作為 JavaScript 壓縮器。這一階段的關(guān)鍵承諾是繼續(xù)發(fā)布 ESM 與 UMD 兩種產(chǎn)物現(xiàn)有 UMD 文件名和 CDN 集成路徑保持不變存量用戶無需改動引入方式新增cherry-markdown.core.esm.js、cherry-markdown.engine.js、cherry-markdown.engine.esm.js三個產(chǎn)物文件滿足不同引入粒度core 版不含編輯器與流式能力engine 版僅含渲染引擎。同版本還修復(fù)了未提供 ECharts 時圖表表格無法安全降級的問題并恢復(fù) core 入口的MermaidPlugin命名導(dǎo)出此外修復(fù)了鏈接注入#1861 相關(guān)的安全問題。這與 0.11.1 中新增enableJs配置避免代碼塊渲染 echarts 引入安全風(fēng)險一脈相承可見安全是該階段持續(xù)投入的主線。0.11.7——時間線、選項卡、無限列布局與 setDisablev0.11.7 在語法與 API 層面均有新增新增時間線語法#1819多列布局支持配置對齊方式、支持無限列并新增選項卡語法#1820新增setDisable方法用于禁用編輯器#1816stream 包默認(rèn)關(guān)閉下劃線語法——這是流式輸出場景下的有意取舍避免部分 Markdown 變體語法干擾 AI 增量輸出降低engines.node約束從 24 到 22兼容 Node.js 22 用戶安裝搜索替換匹配項后不再自動滾動視口改善交互腳注樣式優(yōu)化默認(rèn)不渲染腳注標(biāo)題標(biāo)題僅由title.render決定不再回退locale.footnoteTitle。v0.10.x主題體系重構(gòu)與圖表/公式能力爆發(fā)0.10.0——light 主題移除與 CSS 變量系統(tǒng)v0.10.0 是一次破壞性變更原有的light主題被移除default成為新的默認(rèn)主題即原 light 主題的繼承者。具體影響與遷移路徑原本在themeSettings.mainTheme中配置light的用戶升級后會自動切換為default主題自定義過light.scss的用戶可將原文件底部的配置項遷移到default.scss同版本完成了主題 CSS 變量系統(tǒng)重構(gòu)新增variables/目錄基礎(chǔ)效果變量、語義化界面變量、Open Color 顏色系統(tǒng)移除傳統(tǒng) SCSS 變量體系主題切換性能與可維護(hù)性顯著提升移除toolbarTheme配置不影響功能主題切換仍由mainTheme控制清理廢棄的 prettyprint 樣式。倉庫中 packages/cherry-markdown/src/sass/variables/ 與 packages/cherry-markdown/src/sass/themes/ 即是這套新主題體系的落地位置。0.10.0 圖表能力JSON 化 options、cherry:mapping 與新增圖型0.10.0 與 0.10.1 對表格圖表插件cherry-table-echarts-plugin.js做了重大演進(jìn)圖表options配置格式改為更通用的JSON 格式并采取漸進(jìn)式遷移——解析失敗自動回退舊方案并打印棄用警告散點圖支持語義化列標(biāo)題通過特殊鍵名cherry:mapping指明映射關(guān)系并在解析后先做必要維度錯誤驗證新增散點圖、雷達(dá)圖、地圖、?；鶊D等圖型圖表適配各主題樣式并修復(fù)導(dǎo)出問題圖片樣式編輯支持對齊方式左/中/右對齊、左/右浮動同時暴露出原生 JS 缺少 DOM 更新后回調(diào)機(jī)制的技術(shù)債務(wù)當(dāng)時用setTimeout(..., 100)臨時解決。0.10.1——移動端默認(rèn)配置與復(fù)制重構(gòu)新增默認(rèn) mobile 模式配置#1445重構(gòu)復(fù)制邏輯剪貼板text/html攜帶富文本 HTML含樣式text/plain攜帶原始 Markdown 源碼。這意味著粘貼到微信公眾號、Word 時保留格式粘貼到純文本編輯器時得到 Markdown 源碼表格交互全面重構(gòu)新增菜單氣泡、邊界插入、列寬拖拽、拖拽高亮重寫連續(xù)空格語法默認(rèn)不支持與對應(yīng)配置#1438目錄TOC中特殊標(biāo)記被引用的標(biāo)題#1443。0.10.2/0.10.3——語法自動閉合與聯(lián)想能力0.10.2/0.10.3 聚焦輸入體驗流式輸出場景支持超鏈接、圖片、標(biāo)題、公式、腳注等語法的自動閉合#1521/#1522/#1531圖片、音視頻、語法自動閉合時可配置自定義占位#1524beforeMakeHtml/afterMakeHtml支持傳入行內(nèi)語法解析器作為第二個參數(shù)行內(nèi)代碼塊支持自動補(bǔ)全修復(fù)urlProcessor未傳入原始 url 的問題。v0.9.x流式會話Stream與 AI 場景適配0.9.0——changeset 發(fā)布流程與多端支持引入changeset自動化發(fā)布流程#1036CHANGELOG 從此采用 Changesets 的Patch Changes/Minor Changes格式這也是本文檔后半部分條目格式的由來engine.makeHtml增加第二個參數(shù)預(yù)覽邏輯避免自動加載圖片資源#1130支持有序列表英文字母增加 React demoexamples/react_demo/增加禁用 html 的配置能力#1111。0.9.1/0.9.2——流式光標(biāo)與緩存優(yōu)化修復(fù)追加流式光標(biāo)破壞超鏈接語法的問題#1170優(yōu)化 cache 邏輯避免內(nèi)存爆炸#1169腳注支持 hover 數(shù)字角標(biāo)出現(xiàn) tips 的能力#1080有序/無序/checklist 列表后續(xù)版本持續(xù)補(bǔ)齊所見即所得編輯。0.9.3/0.9.4——Node 環(huán)境與配置開放修復(fù) Node 環(huán)境下engine.makeHtml()報錯的問題#1179快捷鍵映射改用標(biāo)準(zhǔn)鍵名新增 html 標(biāo)簽屬性白名單配置能力、自定義超鏈接屬性配置能力#1206對齊方式增加兩端對齊#1208代碼塊自定義按鈕回調(diào)函數(shù)增加第四個參數(shù)#1202。v0.8.x所見即所得與多端生態(tài)成型表格、代碼塊、列表的 WYSIWYG 能力0.8.x 是 WYSIWYG所見即所得能力集中建設(shè)期v0.7.0引入表格 WYSIWYG v1.0#189v0.8.21豐富表格 WYSIWYG#479預(yù)覽區(qū)支持 hover 添加行列、支持專注模式與打字機(jī)模式#503v0.8.25有序/無序/checklist 列表支持所見即所得編輯#543CodeBlock 所見即所得支持#549v0.8.27支持表格行/列拖拽改變位置#584v0.8.49/v0.8.50表格增加刪除列操作、導(dǎo)出時處理懶加載圖片。這些能力的實現(xiàn)分布在 packages/cherry-markdown/src/utils/tableContentHandler.js、listContentHandler.js、codeBlockContentHandler.js 等工具模塊中預(yù)覽區(qū)交互則依賴 PreviewerBubble.js 等氣泡組件。輸入聯(lián)想Suggesterv0.6.1引入 suggester 功能v0.8.21Suggester 擴(kuò)展#430v0.10.1支持輸入聯(lián)想功能配置與自定義候選項、行內(nèi)公式與塊級公式聯(lián)想建議輸入中文符號時給出英文聯(lián)想#541。主題與國際化v0.8.8/v0.8.7增加切換主題功能與四個默認(rèn)主題支持 protobuf 等更多代碼高亮語言v0.8.47主題/代碼塊主題支持持久化優(yōu)先級為本地緩存 配置 默認(rèn)配置v0.8.36/v0.8.37引入主題緩存命名空間機(jī)制themeNamespace適用于多實例/多租戶場景v0.8.50支持 frontMatter 語法并可在其中設(shè)置全局字體大小國際化支持 zh_CN/en_US/ru_RU見 packages/cherry-markdown/src/locales/。安全加固脈絡(luò)0.8.x 期間的安全投入值得單列mathjax 引入 safe 組件防止 XSS 注入v0.8.37math 結(jié)果接入 dom purifierv0.8.35修復(fù) raw html 的潛在 xssv0.8.35封裝新的哈希算法md5 → sha256v0.8.530.11.9 修復(fù)引用式鏈接可繞過協(xié)議校驗注入javascript:等危險協(xié)議的問題0.11.10 修復(fù)引入鏈接的注入問題。安全實現(xiàn)主要位于 Sanitizer.js 與 utils/sanitize.js測試覆蓋見 packages/cherry-markdown/test/utils/sanitize.spec.ts。引擎與渲染理解 CHANGELOG 背后的核心架構(gòu)要真正讀懂這些版本變更需要了解 cherry-markdown 的渲染架構(gòu)。從源碼看Engine.js是渲染核心。它通過HookCenter加載 core/HooksConfig.js 中的語法 hook 列表core/hooks/目錄下包含 AutoLink、Image、Ruby、FrontMatter、Space、Footnote、MathBlock、Detail、Panel 等 30 個語法模塊并用AsyncRenderHandler做異步渲染調(diào)度引擎內(nèi)置LRU 緩存hashCache最多緩存 20000 個渲染結(jié)果、hashStrMap最多緩存 2000 個哈希值對應(yīng) 0.10.0 中 engine.js add LRU 的變更配合 0.11.0 新增的clearEngineCache接口解決了長文檔與流式場景下的重復(fù)渲染開銷引擎遵循實例級確定性內(nèi)建段落 hook 每次從~~C0開始編號跨實例占位符一致這一點由 test/core/EngineDeterminism.spec.ts 等測試保障Cherry.config.js定義了大量默認(rèn)回調(diào)與配置其中urlProcessor(url, srcType)支持image | audio | video | autolink | link五種來源類型fileUpload/fileUploadMulti給出了無圖床場景下回顯 base64 的默認(rèn)實現(xiàn)——這與 0.8.24 未配置圖片上傳回調(diào)時以 base64 展示粘貼/拖拽圖片的變更直接對應(yīng)全量入口 index.js 默認(rèn)注冊 MermaidCodeEngine、PlantUMLCodeEngine、EChartsTableEngine 三個插件并處理 mermaid v9/v10/v11 多版本 API 差異mermaid.mermaidAPI在 v10 為 undefined。從 CHANGELOG 反推的升級遷移清單綜合全文變更記錄面向升級用戶的遷移要點如下變更項影響版本遷移動作light主題移除default為新默認(rèn)0.10.0mainTheme: light改為default自定義樣式遷移到default.scssCodeMirror v5 → v60.11.0依賴編輯器內(nèi)部 API 的自定義能力需驗證vim 模式改為懶加載ESM 不再掛載window.Cherry0.11.5ESM 使用命名導(dǎo)入UMD/CDN 路徑保持不變toolbarTheme移除0.10.0主題切換統(tǒng)一走mainTheme引擎緩存接口0.11.0新增clearEngineCache用于強(qiáng)制刷新渲染緩存Node 版本要求0.11.7 / 0.11.0engines.node 約束從 24 放寬至 220.11.0 曾要求 20.x表格圖表 options 格式0.10.1漸進(jìn)式遷移新配置用 JSON失敗自動回退舊格式復(fù)制剪貼板格式0.10.1text/html為富文本、text/plain為 Markdown 源碼行為更符合直覺腳注標(biāo)題渲染0.11.7僅由title.render決定不再回退locale.footnoteTitle結(jié)語從變更日志讀懂一個編輯器的成長曲線對照 packages/cherry-markdown/CHANGELOG.md 與源碼實現(xiàn)可以看到cherry-markdown 的演進(jìn)始終圍繞渲染引擎的確定性、編輯交互的所見即所得、AI 流式場景的適配、構(gòu)建產(chǎn)物的現(xiàn)代化四條主線展開。v0.11.x 的 CodeMirror 6 升級與 Vite 構(gòu)建鏈遷移標(biāo)志著該項目完成了一次徹底的內(nèi)核現(xiàn)代化而貫穿 0.8.x 至 0.11.x 的安全修復(fù)記錄協(xié)議校驗、XSS 過濾、哈希算法升級則提醒使用者在引入任何 Markdown 編輯器時都應(yīng)把渲染管道的 sanitize 環(huán)節(jié)作為接入校驗的重中之重。對開發(fā)者而言CHANGELOG 中每一條fix與feat都能在 packages/cherry-markdown/src/ 與 packages/cherry-markdown/test/ 中找到對應(yīng)的實現(xiàn)與測試這是深入理解該編輯器設(shè)計的最佳路徑。贊分享前端UI組件富文本【免費下載鏈接】cherry-markdown? A Markdown Editor項目地址https://gitcode.com/GitHub_Trending/ch/cherry-markdown點擊查看免費下載相關(guān)推薦SQLite.swift 版本演進(jìn)全解析從 0.11 到 0.16 的核心能力里程碑與升級指引SQLite.swift 版本演進(jìn)全解析從 0.11 到 0.16 的核心能力里程碑與升級指引 本文以 CHANGELOG.md https://link.g數(shù)據(jù)庫ORMObsidian Dataview 版本演進(jìn)全解析從 0.4 到 0.5 的核心特性、任務(wù)系統(tǒng)與性能架構(gòu)變遷Obsidian Dataview 版本演進(jìn)全解析從 0.4 到 0.5 的核心特性、任務(wù)系統(tǒng)與性能架構(gòu)變遷 本文基于倉庫中的 CHANGELOG.md ht前端知識管理數(shù)據(jù)分析visual-explainer 版本演進(jìn)全解析從 0.1 到 0.11 的功能迭代與渲染架構(gòu)演變visual explainer 版本演進(jìn)全解析從 0.1 到 0.11 的功能迭代與渲染架構(gòu)演變 本篇技術(shù)指南以倉庫根目錄下的 CHANGELOG.md h上一篇解鎖QMC音頻自由全平臺播放解密工具全攻略下一篇twss.js高級功能從概率計算到自定義分類模型全攻略創(chuàng)作聲明：本文部分內(nèi)容由AI輔助生成（AIGC），僅供參考