Skip to content

fix: 修復 Mermaid 預覽文字消失與縮放問題 - #106

Open
eric861129 wants to merge 1 commit into
devfrom
dev_feature_20261019_mermaid_preview_labels
Open

eric861129 wants to merge 1 commit into
devfrom
dev_feature_20261019_mermaid_preview_labels

Conversation

@eric861129

Copy link
Copy Markdown
Owner

完整範例的 Mermaid 預覽原本只剩節點方框,中文節點與連線文字會在 SVG 安全清理時被移除。改用原生 SVG 文字並讓圖表依預覽寬度縮放;每次渲染還原預覽設定,確保匯出 Word 後繼續編輯仍能顯示標籤。保留 strict 模式與 DOMPurify 清理,版本更新為 2.0.2。

驗證:

  • npm run verify:型別檢查、435 項測試與正式建置通過,新增文字保留、安全清理及匯出後再編輯的回歸測試。
  • Edge 實測桌面與手機預覽、中文節點與連線標籤,以及匯出 DOCX 後再編輯圖表。
  • npm run qa:acceptance、npm run qa:word:三種出版版型的完整範例均通過 OOXML 與 Microsoft Word 驗收,包含邊界、目錄、書籤、圖片、項目符號與待辦清單。
  • 另外以 Microsoft Word 開啟瀏覽器實際匯出的 DOCX,驗收通過且原檔雜湊不變;合計 4 份文件、27 頁 PDF 完成版面目視檢查,Mermaid 中文標籤清楚可見。

改用原生 SVG 文字,保留 Mermaid 中文節點與連線標籤,並讓圖表隨預覽寬度縮放。每次渲染還原預覽設定,避免 Word 匯出變更共用設定後再次隱藏文字;補上回歸測試並更新版本至 2.0.2。

This branch has not been deployed

No deployments
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants