天天看点

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