fix: css variable replace

doocs · Dec 11, 2024 · a094aed · a094aed
1 parent 2ae75ab
commit a094aed
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/src/stores/index.ts b/src/stores/index.ts
@@ -335,7 +335,7 @@ export const useStore = defineStore(`store`, () => {
 
   // 导出编辑器内容为 HTML，并且下载到本地
   const exportEditorContent2HTML = () => {
-    exportHTML()
+    exportHTML(primaryColor.value)
     document.querySelector(`#output`)!.innerHTML = output.value
   }
 

diff --git a/src/utils/index.ts b/src/utils/index.ts
@@ -180,10 +180,16 @@ export function downloadMD(doc: string) {
 /**
  * 导出 HTML 生成内容
  */
-export function exportHTML() {
+export function exportHTML(primaryColor: string) {
   const element = document.querySelector(`#output`)!
+
   setStyles(element)
+
   const htmlStr = element.innerHTML
+    .replaceAll(`var(--el-text-color-regular)`, `#3f3f3f`)
+    .replaceAll(`var(--blockquote-background)`, `#f7f7f7`)
+    .replaceAll(`var(--md-primary-color)`, primaryColor)
+    .replaceAll(/--md-primary-color:.+?;/g, ``)
 
   const downLink = document.createElement(`a`)