CodeMirror : 편집기에서 높이를 제한하는 방법

Question

codemirror을 사용하여 웹 페이지에 일부 코드를 표시하고 있습니다. 그러나 codemirror 편집기를 초기화 할 때 편집기의 높이는 코드의 줄 수보다 많습니다. see this fiddle 또는 아래 이미지를 사용하여 내가 말하는 것을 이해하십시오 아래는 codemirror 편집기를 만드는 코드입니다.

나는 codemirror doc을 읽었지만 어떤 속성이 높이를 제어하는지 알 수 없습니다.

합니다 ( .CodeMirror 클래스에게 height 속성을 부여하여) 높이가 CSS를 통해 설정할 수있는이

Answer 1

를 도와, 또는 편집자의 setSize 메소드를 호출하십시오.

편집기 높이가 내용의 높이와 일치하게하려면 this demo을 참조하십시오.

Answer 2

당신의 피들을 보면 css에 높이를 정의하는 항목이 있습니다.

.CodeMirror { 


/* Set height, width, borders, and global font properties here */ 
    font-family: monospace; 
    height: 300px; 
} 

이 CSS를 무시하거나 codemerror의 setSize (width, height) 메소드를 사용할 수 있습니다.

Answer 3

누군가를 도울 수 있습니다.

<textarea class="form-control" id="exampleTextarea"></textarea> 

.

var config, editor; 

      config = {     
       lineNumbers: true, 
       mode: "text/javascript", 
       lineWrapping: true, 
       htmlMode: true, 
       matchClosing: true,  
       indentWithTabs: true, 
       readOnly: true 
      }; 


      editor = CodeMirror.fromTextArea(document.getElementById("exampleTextarea"), config); 
      editor.setSize(900,"100%");