From 58dbe390846d70098c48f1f7dad34615539501f3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=A2=96=E9=80=B8?=
 <49649786+Zuoqiu-Yingyi@users.noreply.github.com>
Date: Thu, 27 Apr 2023 18:28:08 +0800
Subject: [PATCH] Improve PDF export paging strategy (#8110)

* Update export.scss

* Update export.scss

* Update export.scss
---
 app/src/assets/scss/export.scss | 38 +++++++++++++++++++++++++++++++++
 1 file changed, 38 insertions(+)

diff --git a/app/src/assets/scss/export.scss b/app/src/assets/scss/export.scss
index 628e28291..a76241788 100644
--- a/app/src/assets/scss/export.scss
+++ b/app/src/assets/scss/export.scss
@@ -34,3 +34,41 @@ svg {
 .b3-typography table, .protyle-wysiwyg table {
   display: table;
 }
+
+@media print {
+  .protyle-wysiwyg {
+    [data-node-id] {
+
+      // 尽量避免音频块内分页
+      &[data-type=NodeAudio],
+      // 尽量避免图表块内分页
+      &[data-type=NodeCodeBlock][data-subtype=abc],
+      &[data-type=NodeCodeBlock][data-subtype=echarts],
+      &[data-type=NodeCodeBlock][data-subtype=flowchart],
+      &[data-type=NodeCodeBlock][data-subtype=graphviz],
+      &[data-type=NodeCodeBlock][data-subtype=mermaid],
+      &[data-type=NodeCodeBlock][data-subtype=mindmap],
+      &[data-type=NodeCodeBlock][data-subtype=plantuml],
+      // 尽量避免标题块内分页
+      &[data-type=NodeHeading],
+      // 尽量避免 Iframe 块内分页
+      &[data-type=NodeIFrame],
+      // 尽量避免公式块内分页
+      &[data-type=NodeMathBlock],
+      // 尽量避免段落块内分页
+      &[data-type=NodeParagraph],
+      // 尽量避免分割线内分页
+      &[data-type=NodeThematicBreak],
+      // 尽量避免视频块内分页
+      &[data-type=NodeVideo],
+      // 尽量避免挂件块内分页
+      &[data-type=NodeWidget],
+      // 尽量避免表格块行内分页
+      tr,
+      // 尽量避免图片内分页
+      .img {
+        break-inside: avoid;
+      }
+    }
+  }
+}