diff --git a/packages/editor-ui/src/components/CodeEdit.vue b/packages/editor-ui/src/components/CodeEdit.vue
index 8330b3f86b..25f97b160e 100644
--- a/packages/editor-ui/src/components/CodeEdit.vue
+++ b/packages/editor-ui/src/components/CodeEdit.vue
@@ -8,7 +8,7 @@
 		:before-close="closeDialog"
 	>
 		<div class="text-editor-wrapper ignore-key-press">
-			<code-editor :value="value" :autocomplete="loadAutocompleteData" @input="$emit('valueChanged', $event)" />
+			<code-editor :value="value" :autocomplete="loadAutocompleteData" :readonly="readonly" @input="$emit('valueChanged', $event)" />
 		</div>
 	</el-dialog>
 </template>
@@ -41,7 +41,7 @@ export default mixins(
 	components: {
 		CodeEditor,
 	},
-	props: ['codeAutocomplete', 'parameter', 'path', 'type', 'value'],
+	props: ['codeAutocomplete', 'parameter', 'path', 'type', 'value', 'readonly'],
 	methods: {
 		loadAutocompleteData(): string[] {
 			if (['function', 'functionItem'].includes(this.codeAutocomplete)) {
diff --git a/packages/editor-ui/src/components/ParameterInput.vue b/packages/editor-ui/src/components/ParameterInput.vue
index c9d40902ad..d5507f0035 100644
--- a/packages/editor-ui/src/components/ParameterInput.vue
+++ b/packages/editor-ui/src/components/ParameterInput.vue
@@ -37,6 +37,7 @@
 					:type="editorType"
 					:codeAutocomplete="codeAutocomplete"
 					:path="path"
+					:readonly="isReadOnly"
 					@closeDialog="closeCodeEditDialog"
 					@valueChanged="expressionUpdated"
 				></code-edit>