codemirror動態textarea實例css樣式不適用

Question

我想動態添加textareas到按鈕單擊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> 

，但如果我給的風格固定的高度，編輯器的高度調整correctly.Any解決方案

Answer 1

我找到了自己的解決方案，將Codemirror滾動高度的css風格設置爲auto就可以了。最終的CSS應該是這樣的

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