소스 검색

set height and scrollPastEnd

Yuki Takei 2 년 전
부모
커밋
0b3aa43945
2개의 변경된 파일14개의 추가작업 그리고 0개의 파일을 삭제
  1. 7 0
      packages/editor/src/components/CodemirrorEditor.module.scss
  2. 7 0
      packages/editor/src/components/CodemirrorEditor.tsx

+ 7 - 0
packages/editor/src/components/CodemirrorEditor.module.scss

@@ -0,0 +1,7 @@
+.codemirror-editor :global {
+
+  .cm-editor {
+    height: 100vh;
+  }
+
+}

+ 7 - 0
packages/editor/src/components/CodemirrorEditor.tsx

@@ -1,12 +1,19 @@
 import { markdown, markdownLanguage } from '@codemirror/lang-markdown';
 import { languages } from '@codemirror/language-data';
+import { scrollPastEnd } from '@codemirror/view';
 import CodeMirror from '@uiw/react-codemirror';
 
+
+import style from './CodemirrorEditor.module.scss';
+
+
 export const CodemirrorEditor = (): JSX.Element => {
   return (
     <CodeMirror
+      className={`${style['codemirror-editor']}`}
       extensions={[
         markdown({ base: markdownLanguage, codeLanguages: languages }),
+        scrollPastEnd(),
       ]}
     />
   );