diff --git a/packages/ui-default/components/cmeditor/index.js b/packages/ui-default/components/cmeditor/index.js
index b9cc0cd8a..f8fefb4d7 100644
--- a/packages/ui-default/components/cmeditor/index.js
+++ b/packages/ui-default/components/cmeditor/index.js
@@ -9,7 +9,7 @@ export const config = {
     'upload', 'record', '|',
     'edit-mode', 'content-theme', 'code-theme', 'export', 'preview',
   ],
-  mode: 'ir',
+  mode: UserContext.preferedEditorType || 'ir',
   toolbarConfig: {
     pin: true,
   },
diff --git a/packages/ui-default/components/cmeditor/textareaHandler.js b/packages/ui-default/components/cmeditor/textareaHandler.js
index c959c4d83..6ea2ea1d8 100644
--- a/packages/ui-default/components/cmeditor/textareaHandler.js
+++ b/packages/ui-default/components/cmeditor/textareaHandler.js
@@ -11,7 +11,7 @@ export default class TextareaHandler extends DOMAttachedObject {
 
   isCmEditor() {
     const editor = this.getCmEditor();
-    return (editor !== undefined && editor.isValid());
+    return (editor && editor.isValid);
   }
 
   val(...argv) {
diff --git a/packages/ui-default/package.json b/packages/ui-default/package.json
index a27ffa0c0..2eb52a9ed 100644
--- a/packages/ui-default/package.json
+++ b/packages/ui-default/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@hydrooj/ui-default",
-  "version": "4.6.3",
+  "version": "4.6.4",
   "author": "undefined <i@undefined.moe>",
   "license": "AGPL-3.0",
   "main": "hydro.js",
diff --git a/packages/ui-default/setting.yaml b/packages/ui-default/setting.yaml
index b373401bd..2f5f4dab8 100644
--- a/packages/ui-default/setting.yaml
+++ b/packages/ui-default/setting.yaml
@@ -81,6 +81,14 @@ lang_monaco_modes:
     go: go
     rb: ruby
     jl: julia
+preferedEditorType:
+  type:
+    wysiwyg: WYSIWYG
+    ir: Instant Rendering
+    sv: Split View
+  family: markdown
+  category: preference
+  value: ir
 showInvisibleChar:
   type: boolean
   family: highlight