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