From bcddaac083654abd20f60e0cb648500846a13759 Mon Sep 17 00:00:00 2001
From: xiaozhu <2395895331@qq.com>
Date: Thu, 13 Aug 2026 17:24:55 +0800
Subject: [PATCH] =?UTF-8?q?fix:=E4=BF=AE=E5=A4=8D=E5=8F=AA=E8=AF=BB?=
 =?UTF-8?q?=E6=96=87=E4=BB=B6=E5=88=87=E6=8D=A2=E7=BC=96=E8=BE=91=E6=96=87?=
 =?UTF-8?q?=E4=BB=B6=E6=97=B6iframe=E9=87=8D=E6=96=B0=E5=8A=A0=E8=BD=BD?=
 =?UTF-8?q?=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../app/features/platform/ScriptWorkspace.tsx | 94 ++++++++++---------
 frontend/app/styles/platform.css              |  5 +-
 2 files changed, 51 insertions(+), 48 deletions(-)

diff --git a/frontend/app/features/platform/ScriptWorkspace.tsx b/frontend/app/features/platform/ScriptWorkspace.tsx
index 0ed18fe..7f41889 100644
--- a/frontend/app/features/platform/ScriptWorkspace.tsx
+++ b/frontend/app/features/platform/ScriptWorkspace.tsx
@@ -478,52 +478,53 @@ export function ScriptWorkspace({
         )}
       </div>
 
-      {/* 只读模式：显示只读编辑器 */}
-      {isReadOnlyMode ? (
-        <div className="readonly-editor-container">
-          <div className="readonly-editor-banner">
-            <Icon name="lock" size={16} />
-            <span>此文件已被锁定，您当前处于只读模式</span>
-          </div>
-          <div className="readonly-editor-content">
-            {readOnlyLoading ? (
-              <div className="readonly-editor-loading">
-                <span className="button-spinner button-spinner--blue" />
-                <span>加载内容中...</span>
-              </div>
-            ) : readOnlyError ? (
-              <div className="readonly-editor-error">
-                <Icon name="info" size={28} />
-                <strong>加载失败</strong>
-                <p>{readOnlyError}</p>
-              </div>
-            ) : script.script_type === 'notebook' && readOnlyContent && typeof readOnlyContent === 'object' ? (
-              // Notebook 使用单元格渲染
-              <NotebookViewer content={readOnlyContent} />
-            ) : (
-              // Python 文件使用 Monaco Editor 显示
-              <Editor
-                height="100%"
-                language="python"
-                value={typeof readOnlyContent === 'string' ? readOnlyContent : ''}
-                theme="vs"
-                options={{
-                  readOnly: true,
-                  domReadOnly: true,
-                  minimap: { enabled: true },
-                  lineNumbers: "on",
-                  folding: true,
-                  wordWrap: "on",
-                  contextmenu: false,
-                  automaticLayout: true,
-                }}
-              />
-            )}
+      {/* 编辑器画布区域 - 始终渲染，保证 iframe 不重新加载 */}
+      <div className="editor-canvas-wrapper" style={{ position: 'relative', width: '100%', height: '100%', overflow: 'hidden' }}>
+        {/* 只读模式内容 - 用 CSS 控制显示/隐藏 */}
+        <div style={{ display: isReadOnlyMode ? 'block' : 'none', height: '100%' }}>
+          <div className="readonly-editor-container">
+            <div className="readonly-editor-banner">
+              <Icon name="lock" size={16} />
+              <span>此文件已被锁定，您当前处于只读模式</span>
+            </div>
+            <div className="readonly-editor-content">
+              {readOnlyLoading ? (
+                <div className="readonly-editor-loading">
+                  <span className="button-spinner button-spinner--blue" />
+                  <span>加载内容中...</span>
+                </div>
+              ) : readOnlyError ? (
+                <div className="readonly-editor-error">
+                  <Icon name="info" size={28} />
+                  <strong>加载失败</strong>
+                  <p>{readOnlyError}</p>
+                </div>
+              ) : script.script_type === 'notebook' && readOnlyContent && typeof readOnlyContent === 'object' ? (
+                <NotebookViewer content={readOnlyContent} />
+              ) : (
+                <Editor
+                  height="100%"
+                  language="python"
+                  value={typeof readOnlyContent === 'string' ? readOnlyContent : ''}
+                  theme="vs"
+                  options={{
+                    readOnly: true,
+                    domReadOnly: true,
+                    minimap: { enabled: true },
+                    lineNumbers: "on",
+                    folding: true,
+                    wordWrap: "on",
+                    contextmenu: false,
+                    automaticLayout: true,
+                  }}
+                />
+              )}
+            </div>
           </div>
         </div>
-      ) : (
-        // 正常编辑模式：原有的 iframe + Monaco 预览逻辑
-        <div className={`editor-canvas ${sessionCache.size > 0 ? 'is-embedded' : ''}`} style={sessionCache.size > 0 ? { position: 'relative', minHeight: '0', height: '100%' } : undefined}>
+
+        {/* 正常编辑模式 - 始终渲染，用 CSS 控制显示/隐藏 */}
+        <div className={`editor-canvas ${sessionCache.size > 0 ? 'is-embedded' : ''}`} style={{ display: isReadOnlyMode ? 'none' : 'block', position: 'relative', minHeight: '0', height: '100%' }}>
           {/* 多 PythonEditor 实例：每个有 buffer 的 python tab 都挂载，仅 active 可见 */}
           {pythonTabBuffers.map((tab) => {
           const tabScript = scripts.find((s) => s.script_id === tab.scriptId);
@@ -711,9 +712,10 @@ export function ScriptWorkspace({
               </span>
             </div>
           </section>
-          ) : null):null}
+          ) : null
+        ) : null}
         </div>
-      )}
+      </div>
     </>
   );
 }
diff --git a/frontend/app/styles/platform.css b/frontend/app/styles/platform.css
index f70bca0..c9a471c 100644
--- a/frontend/app/styles/platform.css
+++ b/frontend/app/styles/platform.css
@@ -2080,7 +2080,8 @@ button {
   align-items: center;
   justify-content: center;
   gap: 8px;
-  padding: 10px 16px;
+  padding: 8px 16px;
+  margin-bottom: 6px;
   background: #fff3cd;
   border-bottom: 1px solid #e0e0e0;
   color: #856404;
@@ -2151,7 +2152,7 @@ button {
 }
 
 .notebook-cell--markdown {
-  padding: 14px 24px;
+  padding: 4px 24px;
 }
 
 .notebook-cell--code {