title: CodeMirror : how to limit height in editor
body: <p>I am using <a href="http://codemirror.net/" rel="noreferrer">codemirror</a> to show some code on a webpage. But when I initialize the codemirror editor, the height of the editor is way more than the number of lines in the code. Please <a href="http://jsfiddle.net/nitirajrathore/4nvL65L2/1/" rel="noreferrer">see this fiddle</a> or below image to understand what I am saying  <img src="https://i.stack.imgur.com/VMInp.png" alt="screen shot of extra height in code mirror">  Below is the code to create the codemirror editor.</p>
  
  <pre><code>var myCodeArea = document.getElementById("codeArea");
  var myCodeMirror = CodeMirror(function(elt) {
    myCodeArea.parentNode.replaceChild(elt, myCodeArea);
  }, {value: myCodeArea.innerHTML,
     lineNumbers:true, mode:"javascript"});
  </code></pre>
  
  <p>I read codemirror doc but not able to figure out which property controls the height.</p>
  
  <p>Please help me with this</p>