diff --git a/frontend/src/views/container/compose/create/index.vue b/frontend/src/views/container/compose/create/index.vue
index 334e4551b..4265bf7a3 100644
--- a/frontend/src/views/container/compose/create/index.vue
+++ b/frontend/src/views/container/compose/create/index.vue
@@ -101,6 +101,7 @@
                             :indent-with-tab="true"
                             :tabSize="4"
                             :lineWrapping="true"
+                            :disabled="true"
                             :matchBrackets="true"
                             theme="cobalt"
                             :styleActiveLine="true"
diff --git a/frontend/src/views/container/compose/edit/index.vue b/frontend/src/views/container/compose/edit/index.vue
index bba6ed6a0..650b1556a 100644
--- a/frontend/src/views/container/compose/edit/index.vue
+++ b/frontend/src/views/container/compose/edit/index.vue
@@ -51,6 +51,7 @@
                                 :tabSize="4"
                                 :lineWrapping="true"
                                 :matchBrackets="true"
+                                :disabled="true"
                                 theme="cobalt"
                                 :styleActiveLine="true"
                                 :extensions="extensions"
@@ -93,7 +94,7 @@ const name = ref();
 const environmentStr = ref();
 const environmentEnv = ref();
 const createdBy = ref();
-const envFileContent = `env_file:\n  - 1panel.env`;
+const envFileContent = ref(`env_file:\n  - 1panel.env`);
 
 const onSubmitEdit = async () => {
     const param = {