From 027eb320444b0fdfb058951de23d495d8fd41241 Mon Sep 17 00:00:00 2001
From: zwt13703 <zwt13703@gmail.com>
Date: Mon, 6 Jul 2026 00:43:39 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E5=8F=AF=E8=A7=86=E5=8C=96=E7=BC=96?=
 =?UTF-8?q?=E8=BE=91=E6=A8=A1=E5=BC=8F=E5=8E=BB=E9=99=A4=20doc-edit-page?=
 =?UTF-8?q?=20=E5=A4=A7=E5=86=85=E8=BE=B9=E8=B7=9D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- DocRenderer 移出 .doc-edit-page 容器，使用独立的 .doc-visual-wrap
- 避免 iframe 内部 padding 与外部 padding 叠加导致可视区域过小
---
 web/src/views/TemplateEditor.vue | 33 +++++++++++++++++++-------------
 1 file changed, 20 insertions(+), 13 deletions(-)

diff --git a/web/src/views/TemplateEditor.vue b/web/src/views/TemplateEditor.vue
index 228c407..e781ed1 100644
--- a/web/src/views/TemplateEditor.vue
+++ b/web/src/views/TemplateEditor.vue
@@ -97,7 +97,19 @@
         </div>
 
         <div class="center-scroll">
-          <div class="doc-edit-page">
+          <div v-if="editorMode === 'visual'" class="doc-visual-wrap">
+            <DocRenderer
+              ref="docRendererRef"
+              :key="previewKey"
+              :html-content="previewHtml"
+              :blocks="previewBlocks"
+              initial-mode="select"
+              @block-select="onBlockSelect"
+              @block-set-ai="onBlockSetAI"
+              @block-set-fixed="onBlockSetFixed"
+            />
+          </div>
+          <div v-else class="doc-edit-page">
             <template v-if="editorMode === 'paragraph'">
               <div v-for="paragraph in paragraphs" :key="paragraph.id" :id="`paraBlock${paragraph.id}`" :class="['para-block', { selected: selectedId === paragraph.id }]" @click="selectPara(paragraph.id)">
                 <span class="para-block-actions" @click.stop>
@@ -119,18 +131,6 @@
                 <p v-else class="empty-text">点击左侧配置此段落。</p>
               </div>
             </template>
-            <template v-else-if="editorMode === 'visual'">
-              <DocRenderer
-                ref="docRendererRef"
-                :key="previewKey"
-                :html-content="previewHtml"
-                :blocks="previewBlocks"
-                initial-mode="select"
-                @block-select="onBlockSelect"
-                @block-set-ai="onBlockSetAI"
-                @block-set-fixed="onBlockSetFixed"
-              />
-            </template>
             <template v-else>
               <div
                 v-for="paragraph in paragraphs"
@@ -1088,6 +1088,13 @@ onMounted(async () => {
   flex-shrink: 0;
 }
 
+.doc-visual-wrap {
+  width: 100%;
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+}
+
 .para-block {
   position: relative;
   padding: 8px;