diff --git a/packages/ui-default/components/editor/index.tsx b/packages/ui-default/components/editor/index.tsx
index 7875477c1..f7a7d19cd 100644
--- a/packages/ui-default/components/editor/index.tsx
+++ b/packages/ui-default/components/editor/index.tsx
@@ -176,6 +176,7 @@ export default class Editor extends DOMAttachedObject {
         ref={renderCallback}
         value={val}
         theme={getTheme()}
+        language={UserContext.viewLang === 'zh' ? 'zh-CN' : UserContext.viewLang?.replace('_', '-')}
         noMermaid
         noPrettier
         noKatex
diff --git a/packages/ui-default/components/editor/mdeditor.ts b/packages/ui-default/components/editor/mdeditor.ts
index 138db1977..39a770f6b 100644
--- a/packages/ui-default/components/editor/mdeditor.ts
+++ b/packages/ui-default/components/editor/mdeditor.ts
@@ -1,5 +1,6 @@
 import 'md-editor-rt/lib/style.css';
 
+import zh_TW from '@vavt/cm-extension/dist/locale/zh-TW';
 import Anchor from 'markdown-it-anchor';
 import Footnote from 'markdown-it-footnote';
 import Mark from 'markdown-it-mark';
@@ -43,6 +44,11 @@ config({
   codeMirrorExtensions(extensions) {
     return extensions.filter((i) => i.type !== 'linkShortener');
   },
+  editorConfig: {
+    languageUserDefined: {
+      'zh-TW': zh_TW,
+    },
+  },
 });
 
 export { MdEditor };
diff --git a/packages/ui-default/package.json b/packages/ui-default/package.json
index c3887c3b4..a19b6e07a 100644
--- a/packages/ui-default/package.json
+++ b/packages/ui-default/package.json
@@ -41,6 +41,7 @@
     "@types/redux-logger": "^3.0.13",
     "@types/uuid": "^11.0.0",
     "@types/webpack-env": "^1.18.8",
+    "@vavt/cm-extension": "^1.11.2",
     "@vscode/codicons": "^0.0.44",
     "ajv": "^8.18.0",
     "allotment": "^1.20.5",