frontend/app/features/platform/ScriptWorkspace.tsx

@@ -478,8 +478,10 @@ export function ScriptWorkspace({
         )}
       </div>
 
-      {/* 只读模式：显示只读编辑器 */}
-      {isReadOnlyMode ? (
+      {/* 编辑器画布区域 - 始终渲染，保证 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} />
@@ -498,10 +500,8 @@ export function ScriptWorkspace({
                   <p>{readOnlyError}</p>
                 </div>
               ) : script.script_type === 'notebook' && readOnlyContent && typeof readOnlyContent === 'object' ? (
-              // Notebook 使用单元格渲染
                 <NotebookViewer content={readOnlyContent} />
               ) : (
-              // Python 文件使用 Monaco Editor 显示
                 <Editor
                   height="100%"
                   language="python"
@@ -521,9 +521,10 @@ export function ScriptWorkspace({
               )}
             </div>
           </div>
-      ) : (
-        // 正常编辑模式：原有的 iframe + Monaco 预览逻辑
-        <div className={`editor-canvas ${sessionCache.size > 0 ? 'is-embedded' : ''}`} style={sessionCache.size > 0 ? { position: 'relative', minHeight: '0', height: '100%' } : undefined}>
+        </div>
+
+        {/* 正常编辑模式 - 始终渲染，用 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>
-      )}
     </>
   );
 }

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 {