diff --git a/src/core/HookCenter.js b/src/core/HookCenter.js
index fb8d5733..5107923f 100644
--- a/src/core/HookCenter.js
+++ b/src/core/HookCenter.js
@@ -146,7 +146,7 @@ export default class HookCenter {
   register(HookClass, editorConfig, customHookConfig) {
     // filter Configs Here
     const { externals, engine } = editorConfig;
-    const { syntax } = engine;
+    const { syntax, customSyntax } = engine;
     let instance;
     let hookName;
     // 首先校验Hook是否合法
@@ -164,7 +164,7 @@ export default class HookCenter {
       }
     } else {
       hookName = /** @type {typeof SyntaxBase}*/ (HookClass).HOOK_NAME;
-      const config = syntax[hookName] ? syntax[hookName] : {};
+      const config = syntax[hookName] ? syntax[hookName] : customSyntax[hookName] ? customSyntax[hookName] : {};
       instance = new /** @type {typeof SyntaxBase}*/ (HookClass)({ externals, config, globalConfig: engine.global });
     }
     // Skip Internal Hook
diff --git a/src/sass/cherry.scss b/src/sass/cherry.scss
index b135b47d..5695653d 100644
--- a/src/sass/cherry.scss
+++ b/src/sass/cherry.scss
@@ -19,7 +19,7 @@
   height: 100%;
   min-height: 400px;
   position: relative;
-  overflow: hidden;
+  // overflow: hidden;
 
   .cherry-editor,
   .cherry-previewer {