diff --git a/frontend/src/business/components/api/automation/scenario/common/Jsr233ProcessorContent.vue b/frontend/src/business/components/api/automation/scenario/common/Jsr233ProcessorContent.vue
index c0931be545..a7be0fe635 100644
--- a/frontend/src/business/components/api/automation/scenario/common/Jsr233ProcessorContent.vue
+++ b/frontend/src/business/components/api/automation/scenario/common/Jsr233ProcessorContent.vue
@@ -218,12 +218,9 @@ export default {
       }
     },
     handleCodeTemplate(code) {
-      if (!this.jsr223ProcessorData.script) {
-        this.jsr223ProcessorData.script = code;
-      } else {
-        this.jsr223ProcessorData.script = this.jsr223ProcessorData.script + '\n' + code;
+      if (this.$refs.codeEdit) {
+        this.$refs.codeEdit.insert(code);
       }
-      this.reload();
     },
   }
 }
diff --git a/frontend/src/business/components/api/definition/components/MsCodeEdit.vue b/frontend/src/business/components/api/definition/components/MsCodeEdit.vue
index 10e988c0e0..3d16f61fcd 100644
--- a/frontend/src/business/components/api/definition/components/MsCodeEdit.vue
+++ b/frontend/src/business/components/api/definition/components/MsCodeEdit.vue
@@ -1,9 +1,9 @@
 <template>
-  <editor v-model="formatData" :lang="mode" @init="editorInit" :theme="theme" :height="height" :key="readOnly"/>
+  <editor v-model="formatData" :lang="mode" @init="editorInit" :theme="theme" :height="height" :key="readOnly" ref="msEditor"/>
 </template>
 
 <script>
-  import {formatHtml, formatJson, formatXml} from "../../../../../common/js/format-utils";
+  import {formatJson, formatXml} from "../../../../../common/js/format-utils";
   import toDiffableHtml from 'diffable-html';
 
   export default {
@@ -65,6 +65,11 @@
       }
     },
     methods: {
+      insert(code) {
+        if (this.$refs.msEditor.editor) {
+          this.$refs.msEditor.editor.insert(code);
+        }
+      },
       editorInit: function (editor) {
         require('brace/ext/language_tools') //language extension prerequsite...
         this.modes.forEach(mode => {
diff --git a/frontend/src/business/components/common/components/MsCodeEdit.vue b/frontend/src/business/components/common/components/MsCodeEdit.vue
index 587751e9f0..6d61d0b4bf 100644
--- a/frontend/src/business/components/common/components/MsCodeEdit.vue
+++ b/frontend/src/business/components/common/components/MsCodeEdit.vue
@@ -1,9 +1,9 @@
 <template>
-    <editor v-model="formatData" :lang="mode" @init="editorInit" :theme="theme" :height="height"/>
+    <editor v-model="formatData" :lang="mode" @init="editorInit" :theme="theme" :height="height" ref="msEditor"/>
 </template>
 
 <script>
-  import {formatHtml, formatJson, formatXml} from "../../../../common/js/format-utils";
+  import {formatJson, formatXml} from "../../../../common/js/format-utils";
   import toDiffableHtml from 'diffable-html';
 
     export default {
@@ -70,6 +70,11 @@
         }
       },
       methods: {
+        insert(code) {
+          if (this.$refs.msEditor.editor) {
+            this.$refs.msEditor.editor.insert(code);
+          }
+        },
         editorInit: function (editor) {
           require('brace/ext/language_tools') //language extension prerequsite...
           this.modes.forEach(mode => {
diff --git a/frontend/src/business/components/project/menu/function/EditFunction.vue b/frontend/src/business/components/project/menu/function/EditFunction.vue
index f574bec693..ad9b9724f4 100644
--- a/frontend/src/business/components/project/menu/function/EditFunction.vue
+++ b/frontend/src/business/components/project/menu/function/EditFunction.vue
@@ -210,12 +210,9 @@ export default {
       }
     },
     handleCodeTemplate(code) {
-      if (!this.form.script) {
-        this.form.script = code;
-      } else {
-        this.form.script = this.form.script + '\n' + code;
+      if (this.$refs.codeEdit) {
+        this.$refs.codeEdit.insert(code);
       }
-      this.reloadCodeEdit();
     },
     reload() {
       this.isFormAlive = false;