🎨 Improve the style of exported PDF (#15463)

TCOTC · web-flow · commit 2c8d9757dfd7 · 2025-08-07T21:43:12.000+08:00
diff --git a/app/src/protyle/export/index.ts b/app/src/protyle/export/index.ts
@@ -85,7 +85,7 @@ const getSnippetCSS = () => {
     let snippetCSS = "";
     document.querySelectorAll("style").forEach((item) => {
         if (item.id.startsWith("snippet")) {
-            snippetCSS += item.innerHTML;
+            snippetCSS += item.outerHTML;
         }
     });
     return snippetCSS;
@@ -182,8 +182,8 @@ const renderPDF = async (id: string) => {
         }
         ${await setInlineStyle(false)}
         ${await getPluginStyle()}
-        ${getSnippetCSS()}
     </style>
+    ${getSnippetCSS()}
 </head>
 <body style="-webkit-print-color-adjust: exact;">
 <div id="action">
@@ -676,8 +676,8 @@ const onExport = async (data: IWebSocketData, filePath: string, exportOption: IE
         body {font-family: var(--b3-font-family);background-color: var(--b3-theme-background);color: var(--b3-theme-on-background)}
         ${await setInlineStyle(false)}
         ${await getPluginStyle()}
-        ${getSnippetCSS()}
     </style>
+    ${getSnippetCSS()}
 </head>
 <body>
 <div class="${["htmlmd", "word"].includes(exportOption.type) ? "b3-typography" : "protyle-wysiwyg" + (window.siyuan.config.editor.displayBookmarkIcon ? " protyle-wysiwyg--attr" : "")}" 
