codemirror dynamic textarea экземпляры css style не применяется

Question

Я пытаюсь динамически добавлять текстовые области в элемент div при нажатии кнопки. А после добавления текстового поля я создаю экземпляры редактора текстовых полей Codemirror с помощью CodeMirror.fromTextArea, добавлен редактор текстовой редакции codemirror, но auto height height auto не применяется. Я хочу, чтобы редактор 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

Я нашел решение самого , установив стиль css для высоты прокрутки Codemirror, чтобы авто сделал трюк. окончательный CSS должен быть как этот

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