CodeMirror 設定高度問題

一種場景

如果目前頁面就一個CodeMirror 元件的化可以直接css設定高度

.CodeMirror {
  border: 1px solid #eee;
  height: auto;
}
           

第二種場景

一個頁面有多個CodeMirror元件使用，可以設定ref

const codemirrorRef = React.useRef();
useEffect(() => {
    codemirrorRef.current.editor.display.wrapper.style.height = "100px";
});

<CodeMirror
    [...]           
    ref={codemirrorRef}
/>
           

其他

CodeMirror 一直自動滾動在最底部

let codemirrorScroll = document.getElementsByClassName('CodeMirror-scroll')[0]
codemirrorScroll.scrollTop = codemirrorScroll.scrollHeight