zt-tiptap-export-pdf 0.1.1 → 0.1.2

package/dist/domParser/imageParser.js

@@ -142,6 +142,47 @@ async function createCorsImageElement(src) {
         imageElement.src = src;
     });
 }
+/** 将图片 Blob 读取为 data URL。 */
+function readBlobAsDataUrl(blob) {
+    return new Promise((resolve) => {
+        // Blob 读取器。
+        const reader = new FileReader();
+        /** 处理 Blob 读取完成。 */
+        function handleLoad() {
+            // 读取结果。
+            const result = reader.result;
+            resolve(typeof result === "string" ? result : null);
+        }
+        /** 处理 Blob 读取失败。 */
+        function handleError() {
+            resolve(null);
+        }
+        reader.addEventListener("load", handleLoad);
+        reader.addEventListener("error", handleError);
+        reader.readAsDataURL(blob);
+    });
+}
+/** 通过 fetch 下载可跨域读取的图片 data URL。 */
+async function fetchImageDataUrl(src) {
+    try {
+        // 图片响应。
+        const response = await fetch(src, { mode: "cors" });
+        if (!response.ok) {
+            return null;
+        }
+        // 响应内容类型。
+        const contentType = response.headers.get("content-type") || "";
+        if (!contentType.toLowerCase().startsWith("image/")) {
+            return null;
+        }
+        // 图片二进制内容。
+        const imageBlob = await response.blob();
+        return readBlobAsDataUrl(imageBlob);
+    }
+    catch {
+        return null;
+    }
+}
 /** 将图片节点转为 PNG data URL。 */
 async function getImageDataUrl(imageElement, widthPx, heightPx) {
     // 图片地址。
@@ -156,7 +197,12 @@ async function getImageDataUrl(imageElement, widthPx, heightPx) {
     }
     // 跨域图片副本。
     const corsImageElement = await createCorsImageElement(imageSrc);
-    return corsImageElement ? drawImageToDataUrl(corsImageElement, widthPx, heightPx) : null;
+    // 跨域副本 data URL。
+    const corsImageDataUrl = corsImageElement ? drawImageToDataUrl(corsImageElement, widthPx, heightPx) : null;
+    if (corsImageDataUrl) {
+        return corsImageDataUrl;
+    }
+    return fetchImageDataUrl(imageSrc);
 }
 /** 读取图片说明文本。 */
 function getImageCaptionText(element) {

package/dist/exportConstants.d.ts

@@ -10,7 +10,6 @@ export declare const DEFAULT_EXPORT_FONT_FAMILY = "NotoSansSC";
 export declare const DEFAULT_LINE_HEIGHT_FACTOR = 1.5;
 export declare const DEFAULT_BLOCK_MARGIN_BOTTOM_PT = 8;
 export declare const DEFAULT_BLOCKQUOTE_INDENT_PT = 14;
-export declare const BLOCKQUOTE_LINE_GAP_PT = 8;
 export declare const BLOCKQUOTE_LINE_WIDTH_PT = 1;
 export declare const CODE_BLOCK_FILL_GRAY = 240;
 export declare const CODE_BLOCK_PADDING_X_PT = 8;

package/dist/exportConstants.js

@@ -23,8 +23,6 @@ export const DEFAULT_LINE_HEIGHT_FACTOR = 1.5;
 export const DEFAULT_BLOCK_MARGIN_BOTTOM_PT = 8;
 // 引用块默认左侧缩进（pt）。
 export const DEFAULT_BLOCKQUOTE_INDENT_PT = 14;
-// 引用块左侧竖线与文本的间隔（pt）。
-export const BLOCKQUOTE_LINE_GAP_PT = 8;
 // 引用块左侧竖线宽度（pt）。
 export const BLOCKQUOTE_LINE_WIDTH_PT = 1;
 // 代码块背景灰度值。

package/dist/pdfWriter/blockquoteWriter.js

@@ -1,4 +1,4 @@
-import { BLOCKQUOTE_LINE_GAP_PT, BLOCKQUOTE_LINE_WIDTH_PT } from "../exportConstants";
+import { BLOCKQUOTE_LINE_WIDTH_PT } from "../exportConstants";
 import { splitTextToLines } from "../exportText";
 import { ensureLineSpace } from "./shared";
 /** 写入引用块。 */
@@ -7,12 +7,10 @@ export function writeBlockquoteTextBlock(pdf, cursor, { text, style, fontFamily
     pdf.setFontSize(style.fontSizePt);
     // 引用块文本左侧缩进（pt）。
     const quoteIndentPt = style.indentLeftPt || 0;
-    // 引用块竖线与文本总缩进（pt）。
-    const quoteTextIndentPt = quoteIndentPt + BLOCKQUOTE_LINE_GAP_PT;
     // 引用块文本写入 x 坐标。
-    const quoteTextLeftPt = cursor.leftPt + quoteTextIndentPt;
+    const quoteTextLeftPt = cursor.leftPt + quoteIndentPt;
     // 引用块文本可用宽度。
-    const quoteTextWidthPt = cursor.contentWidthPt - quoteTextIndentPt;
+    const quoteTextWidthPt = cursor.contentWidthPt - quoteIndentPt;
     // 引用块文本行列表。
     const quoteLines = text.split("\n").flatMap((lineText) => splitTextToLines(pdf, lineText, quoteTextWidthPt));
     quoteLines.forEach((lineText) => {

package/dist/pdfWriter/codeWriter.js

@@ -35,16 +35,17 @@ export function writeCodeTextBlock(pdf, cursor, { text, style, fontFamily }) {
     const codeLines = getCodeBlockLines(pdf, text, codeTextWidthPt);
     // 代码块总高度（pt）。
     const codeBlockHeightPt = codeLines.length * style.lineHeightPt + codePaddingYPt * 2;
-    if (cursor.yPt + codeBlockHeightPt > cursor.bottomPt) {
+    // 文本基线偏移。
+    const textBaselineOffsetPt = style.lineHeightPt * 0.8;
+    // 代码块背景顶部 y 坐标（将“当前文本基线”换算为“块顶”坐标）。
+    let codeBlockTopYPt = Math.max(cursor.yPt - textBaselineOffsetPt, PDF_TOP_MARGIN_PT);
+    if (codeBlockTopYPt + codeBlockHeightPt > cursor.bottomPt) {
         pdf.addPage();
         cursor.yPt = PDF_TOP_MARGIN_PT;
+        codeBlockTopYPt = cursor.yPt;
     }
-    // 代码块背景顶部 y 坐标。
-    const codeBlockTopYPt = cursor.yPt;
     pdf.setFillColor(CODE_BLOCK_FILL_GRAY, CODE_BLOCK_FILL_GRAY, CODE_BLOCK_FILL_GRAY);
     pdf.rect(cursor.leftPt, codeBlockTopYPt, cursor.contentWidthPt, codeBlockHeightPt, "F");
-    // 文本基线偏移。
-    const textBaselineOffsetPt = style.lineHeightPt * 0.8;
     // 代码块文本当前基线 y 坐标。
     let lineBaselineYPt = codeBlockTopYPt + codePaddingYPt + textBaselineOffsetPt;
     codeLines.forEach((lineText) => {

package/dist/pdfWriter/imageWriter.js

@@ -50,14 +50,19 @@ export function writeImageTextBlock(pdf, cursor, { imageContent, imageCaptionTex
     const captionBottomGapPt = captionLines.length > 0 ? IMAGE_CAPTION_BOTTOM_GAP_PT : 0;
     // 图片块整体高度（pt）。
     const blockHeightPt = imageHeightPt + captionBaselineGapPt + captionHeightPt + captionBottomGapPt;
+    // 文本基线偏移（用于将文本流基线换算为块顶坐标）。
+    const textBaselineOffsetPt = style.lineHeightPt * 0.8;
+    // 图片块顶部 y 坐标。
+    let imageBlockTopYPt = Math.max(cursor.yPt - textBaselineOffsetPt, PDF_TOP_MARGIN_PT);
     // 图片写入 x 坐标。
     const imageLeftPt = getImageLeftPt(imageContent, cursor, imageWidthPt);
-    if (cursor.yPt + blockHeightPt > cursor.bottomPt) {
+    if (imageBlockTopYPt + blockHeightPt > cursor.bottomPt) {
         pdf.addPage();
         cursor.yPt = PDF_TOP_MARGIN_PT;
+        imageBlockTopYPt = cursor.yPt;
     }
-    pdf.addImage(imageContent.dataUrl, "PNG", imageLeftPt, cursor.yPt, imageWidthPt, imageHeightPt);
-    cursor.yPt += imageHeightPt + captionBaselineGapPt;
+    pdf.addImage(imageContent.dataUrl, "PNG", imageLeftPt, imageBlockTopYPt, imageWidthPt, imageHeightPt);
+    cursor.yPt = imageBlockTopYPt + imageHeightPt + captionBaselineGapPt;
     if (captionLines.length > 0) {
         pdf.setFont(fontFamily, style.fontStyle);
         pdf.setFontSize(style.fontSizePt);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zt-tiptap-export-pdf",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "description": "Export editor DOM content to PDF in browser using jsPDF",
   "type": "module",
   "main": "dist/index.js",