diff --git a/src/app/ide/ide.component.html b/src/app/ide/ide.component.html
index e1579f5..a1ddb8e 100644
--- a/src/app/ide/ide.component.html
+++ b/src/app/ide/ide.component.html
@@ -39,8 +39,6 @@
 
 <ngx-monaco-editor [(ngModel)]="code"
                    class="tfw-ide-editor"
-                   (keyup)="setCodeState(CodeState.DIRTY);
-                            setDeployButtonState(DeployButtonState.TODEPLOY);
-                            resetAutoSaveCountdown()"
+                   (keyup)="editorWriteHanlder()"
                    [options]="editorOptions"
 ></ngx-monaco-editor>
diff --git a/src/app/ide/ide.component.ts b/src/app/ide/ide.component.ts
index 020da70..0fe7d86 100644
--- a/src/app/ide/ide.component.ts
+++ b/src/app/ide/ide.component.ts
@@ -151,6 +151,12 @@ export class IdeComponent implements OnInit {
     this.requestCode();
   }
 
+  editorWriteHanlder() {
+    this.setCodeState(CodeState.DIRTY);
+    this.setDeployButtonState(DeployButtonState.TODEPLOY);
+    this.resetAutoSaveCountdown();
+  }
+
   setCodeState(state: CodeState) {
     this.codeState = state;
   }