javascript - codemirror 动态文本区域实例 css 样式未应用

Question

我正在尝试在单击按钮时将文本区域动态添加到 div 元素。在附加 textarea 之后，我使用 CodeMirror.fromTextArea 创建了 Codemirror textarea 编辑器实例，添加了 codemirror textarea 编辑器，但未应用 css 样式高度自动。我希望 codemirror 编辑器具有自动高度并在用户键入时展开。这是代码

<style type="text/css">
  .CodeMirror {
    border: 1px solid #eee;
    height: auto;
  }
</style>

<script>
$(document).ready(function(){       
  count=0 
  $('#addtextcells').click(function(){
    var newtextarea='<textarea id="check'+count+"textarea"+'"></textarea>'
    textareaid='check'+count+'textarea'
    arun='#'+textareaid           
    $('body').append(newtextarea)
    var editor= CodeMirror.fromTextArea(document.getElementById(textareaid), {
      lineNumbers: true,
      viewportMargin: Infinity  
    }); 
    count++
  });  
});
</script>    

<button id="addtextcells">Add Cells</button>

编辑器的高度没有设置为auto，但是如果我在style中给定一个固定的高度，编辑器的高度调整正确。任何解决方案

Answer 1

我自己找到了解决方案，将 Codemirror 滚动高度的 css 样式设置为自动就可以了。最终的 css 应该是这样的

  <style type="text/css">
    .CodeMirror {
      border: 1px solid #eee;
      height: auto;
     }
   .CodeMirror-scroll {
       height: auto;
     }
  </style>