fix(editor): fix the compatibility issue of cjk ime (#150)

Fixed #82
Tencent · Feb 28, 2022 · 05703a3 · 05703a3
1 parent 999581e
commit 05703a3
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 0 deletions.
diff --git a/src/Editor.js b/src/Editor.js
@@ -70,6 +70,9 @@ export default class Editor {
         extraKeys: { Enter: 'newlineAndIndentContinueMarkdownList' }, // 增加markdown回车自动补全
         matchTags: { bothTags: true }, // 自动高亮选中的闭合html标签
         placeholder: '',
+        // 设置为 contenteditable 对输入法定位更友好
+        // 但已知会影响某些悬浮菜单的定位，如粘贴选择文本或markdown模式的菜单
+        // inputStyle: 'contenteditable',
       },
       toolbars: {},
       onKeydown() {},

diff --git a/src/sass/cherry.scss b/src/sass/cherry.scss
@@ -449,6 +449,11 @@
     font-family: $fontFamily;
     background: $editorBg;
     color: $fontColor;
+    // codemirror 依赖隐藏的 textarea 计算行高，这里将字体大小设置为行高，避免输入法遮挡内容
+    // Fixed https://github.com/Tencent/cherry-markdown/issues/82
+    textarea {
+      font-size: $lineHeight;
+    }
   }
 
   .CodeMirror-lines {