diff --git a/frontend/src/pages/Deploy/Deployment/List/components/DeploymentConfigModal.tsx b/frontend/src/pages/Deploy/Deployment/List/components/DeploymentConfigModal.tsx
index 7cec4c1b..89d6c642 100644
--- a/frontend/src/pages/Deploy/Deployment/List/components/DeploymentConfigModal.tsx
+++ b/frontend/src/pages/Deploy/Deployment/List/components/DeploymentConfigModal.tsx
@@ -1,5 +1,5 @@
 import React, {useEffect, useState, useCallback} from 'react';
-import {Modal, Form, Select, message, Switch, InputNumber, Input} from 'antd';
+import {Modal, Form, Select, message, Switch, InputNumber, Input, Space, Button} from 'antd';
 import type {DeploymentConfig, DeployConfigTemplate, CreateDeploymentConfigRequest} from '../types';
 import {createDeploymentConfig, updateDeploymentConfig, getDeployConfigTemplates} from '../service';
 import {getApplicationList} from '../../../Application/List/service';
@@ -9,6 +9,7 @@ import {convertJsonSchemaToColumns} from '@/utils/jsonSchemaUtils';
 import './styles.less';
 import {Editor} from '@/components/Editor';
 import type {JsonNode} from '@/types/common';
+import {FullscreenOutlined} from '@ant-design/icons';
 
 const {Option} = Select;
 
@@ -33,8 +34,16 @@ const DeploymentConfigModal: React.FC<DeploymentConfigModalProps> = ({
     const [selectedTemplate, setSelectedTemplate] = useState<DeployConfigTemplate>();
     const [buildVariables, setBuildVariables] = useState<JsonNode>({});
     const [loading, setLoading] = useState(false);
+    const [fullscreenStates, setFullscreenStates] = useState<Record<string, boolean>>({});
     const isEdit = !!initialValues?.id;
 
+    const toggleFullscreen = (key: string) => {
+        setFullscreenStates(prev => ({
+            ...prev,
+            [key]: !prev[key]
+        }));
+    };
+
     // 获取应用列表
     const fetchApplications = useCallback(async () => {
         try {
@@ -170,56 +179,102 @@ const DeploymentConfigModal: React.FC<DeploymentConfigModalProps> = ({
         if (!selectedTemplate?.buildVariablesSchema?.properties) return null;
 
         const { properties } = selectedTemplate.buildVariablesSchema;
-        
+
         return (
             <>
-                {/* 遍历所有字段，对有 editorConfig 的字段使用富文本编辑器 */}
-                {Object.entries(properties).map(([key, property]) => (
-                    property.editorConfig ? (
-                        <Form.Item
-                            key={key}
-                            label={property.title || key}
-                            required={selectedTemplate.buildVariablesSchema.required?.includes(key)}
-                            tooltip={property.description}
-                        >
-                            <Editor
-                                height="300px"
-                                defaultLanguage={property.editorConfig.language || 'shell'}
-                                theme={property.editorConfig.theme || 'vs-dark'}
-                                value={buildVariables[key] || property.default || ''}
-                                onChange={(value) => handleEditorChange(key, value)}
-                                options={{
-                                    minimap: { enabled: property.editorConfig.minimap ?? false },
-                                    fontSize: property.editorConfig.fontSize || 14,
-                                    lineNumbers: property.editorConfig.lineNumbers ? 'on' : 'off',
-                                    wordWrap: property.editorConfig.wordWrap ? 'on' : 'off',
-                                    tabSize: property.editorConfig.tabSize || 2,
-                                    scrollBeyondLastLine: false,
-                                    automaticLayout: true,
-                                    folding: property.editorConfig.folding ?? true,
-                                    autoClosingBrackets: 'always',
-                                    autoClosingQuotes: 'always',
-                                    formatOnPaste: true,
-                                    formatOnType: true,
-                                    suggestOnTriggerCharacters: property.editorConfig.autoComplete ?? true,
-                                    renderWhitespace: 'boundary',
-                                }}
-                                loading={
-                                    <div style={{ 
-                                        padding: '8px', 
-                                        display: 'flex', 
-                                        alignItems: 'center', 
-                                        justifyContent: 'center',
-                                        height: '300px',
-                                        background: '#1e1e1e',
-                                        color: '#fff'
-                                    }}>
-                                        编辑器加载中...
-                                    </div>
+                {Object.entries(properties).map(([key, property]) => {
+                    if (property.editorConfig) {
+                        return (
+                            <Form.Item
+                                key={key}
+                                label={
+                                    <Space>
+                                        {property.title || key}
+                                        <Button
+                                            type="text"
+                                            icon={<FullscreenOutlined />}
+                                            onClick={() => toggleFullscreen(key)}
+                                        />
+                                    </Space>
                                 }
-                            />
-                        </Form.Item>
-                    ) : (
+                                required={selectedTemplate.buildVariablesSchema.required?.includes(key)}
+                                tooltip={property.description}
+                            >
+                                <Modal
+                                    title={property.title || key}
+                                    open={fullscreenStates[key]}
+                                    onCancel={() => toggleFullscreen(key)}
+                                    footer={null}
+                                    width="100%"
+                                    style={fullscreenStates[key] ? { top: 0, maxWidth: '100%', margin: 0, paddingBottom: 0 } : undefined}
+                                    bodyStyle={{ padding: 0 }}
+                                    destroyOnClose
+                                >
+                                    <Editor
+                                        height="calc(100vh - 55px)"
+                                        defaultLanguage={property.editorConfig.language || 'shell'}
+                                        theme={property.editorConfig.theme || 'vs-dark'}
+                                        value={buildVariables[key] || property.default || ''}
+                                        onChange={(value) => handleEditorChange(key, value)}
+                                        options={{
+                                            minimap: { enabled: property.editorConfig.minimap ?? false },
+                                            fontSize: property.editorConfig.fontSize || 14,
+                                            lineNumbers: property.editorConfig.lineNumbers ? 'on' : 'off',
+                                            wordWrap: property.editorConfig.wordWrap ? 'on' : 'off',
+                                            tabSize: property.editorConfig.tabSize || 2,
+                                            scrollBeyondLastLine: false,
+                                            automaticLayout: true,
+                                            folding: property.editorConfig.folding ?? true,
+                                            autoClosingBrackets: 'always',
+                                            autoClosingQuotes: 'always',
+                                            formatOnPaste: true,
+                                            formatOnType: true,
+                                            suggestOnTriggerCharacters: property.editorConfig.autoComplete ?? true,
+                                            renderWhitespace: 'boundary',
+                                        }}
+                                    />
+                                </Modal>
+                                <Editor
+                                    height="300px"
+                                    defaultLanguage={property.editorConfig.language || 'shell'}
+                                    theme={property.editorConfig.theme || 'vs-dark'}
+                                    value={buildVariables[key] || property.default || ''}
+                                    onChange={(value) => handleEditorChange(key, value)}
+                                    options={{
+                                        minimap: { enabled: property.editorConfig.minimap ?? false },
+                                        fontSize: property.editorConfig.fontSize || 14,
+                                        lineNumbers: property.editorConfig.lineNumbers ? 'on' : 'off',
+                                        wordWrap: property.editorConfig.wordWrap ? 'on' : 'off',
+                                        tabSize: property.editorConfig.tabSize || 2,
+                                        scrollBeyondLastLine: false,
+                                        automaticLayout: true,
+                                        folding: property.editorConfig.folding ?? true,
+                                        autoClosingBrackets: 'always',
+                                        autoClosingQuotes: 'always',
+                                        formatOnPaste: true,
+                                        formatOnType: true,
+                                        suggestOnTriggerCharacters: property.editorConfig.autoComplete ?? true,
+                                        renderWhitespace: 'boundary',
+                                    }}
+                                    loading={
+                                        <div style={{ 
+                                            padding: '8px', 
+                                            display: 'flex', 
+                                            alignItems: 'center', 
+                                            justifyContent: 'center',
+                                            height: '300px',
+                                            background: '#1e1e1e',
+                                            color: '#fff'
+                                        }}>
+                                            编辑器加载中...
+                                        </div>
+                                    }
+                                />
+                            </Form.Item>
+                        );
+                    }
+
+                    return (
                         <Form.Item
                             key={key}
                             label={property.title || key}
@@ -232,8 +287,8 @@ const DeploymentConfigModal: React.FC<DeploymentConfigModalProps> = ({
                                 placeholder={`请输入${property.title || key}`}
                             />
                         </Form.Item>
-                    )
-                ))}
+                    );
+                })}
             </>
         );
     };
diff --git a/frontend/src/pages/Deploy/Deployment/List/index.tsx b/frontend/src/pages/Deploy/Deployment/List/index.tsx
index deabc832..538adc20 100644
--- a/frontend/src/pages/Deploy/Deployment/List/index.tsx
+++ b/frontend/src/pages/Deploy/Deployment/List/index.tsx
@@ -1,7 +1,7 @@
 import React, {useState, useEffect} from 'react';
 import {PageContainer} from '@ant-design/pro-layout';
 import {Button, message, Popconfirm, Select, Space, Modal, Tooltip} from 'antd';
-import {PlusOutlined, EditOutlined, DeleteOutlined, EyeOutlined} from '@ant-design/icons';
+import {PlusOutlined, EditOutlined, DeleteOutlined, EyeOutlined, FullscreenOutlined} from '@ant-design/icons';
 import {getDeploymentConfigPage, deleteDeploymentConfig, getDeployConfigTemplates} from './service';
 import {getEnvironmentList} from '../../Environment/List/service';
 import type {DeploymentConfig, DeploymentConfigQueryParams, DeployConfigTemplate} from './types';
@@ -18,28 +18,44 @@ const CodePreviewModal: React.FC<{
     onCancel: () => void;
     code: string;
     language?: string;
-}> = ({open, onCancel, code, language = 'shell'}) => (
-    <Modal
-        title="代码预览"
-        open={open}
-        onCancel={onCancel}
-        footer={null}
-        width={800}
-        bodyStyle={{padding: 0}}
-    >
-        <Editor
-            height="500px"
-            defaultLanguage={language}
-            value={code}
-            options={{
-                readOnly: true,
-                minimap: { enabled: true },
-                scrollBeyondLastLine: false,
-                automaticLayout: true,
-            }}
-        />
-    </Modal>
-);
+}> = ({open, onCancel, code, language = 'shell'}) => {
+    const [isFullscreen, setIsFullscreen] = useState(false);
+    
+    return (
+        <Modal
+            title={
+                <Space>
+                    代码预览
+                    <Button
+                        type="text"
+                        icon={<FullscreenOutlined />}
+                        onClick={() => setIsFullscreen(!isFullscreen)}
+                    />
+                </Space>
+            }
+            open={open}
+            onCancel={onCancel}
+            footer={null}
+            width={isFullscreen ? "100%" : 800}
+            style={isFullscreen ? { top: 0, maxWidth: '100%', margin: 0, paddingBottom: 0 } : undefined}
+            bodyStyle={{ padding: 0 }}
+            destroyOnClose
+        >
+            <Editor
+                height={isFullscreen ? "calc(100vh - 55px)" : "500px"}
+                defaultLanguage={language}
+                value={code}
+                options={{
+                    readOnly: true,
+                    minimap: { enabled: true },
+                    scrollBeyondLastLine: false,
+                    automaticLayout: true,
+                    contextmenu: true,
+                }}
+            />
+        </Modal>
+    );
+};
 
 const DeploymentConfigList: React.FC = () => {
     const [environments, setEnvironments] = useState<Environment[]>([]);