Değişen ColdemirAylık Yüksekliği ve Genişliği

Question

xml, java programları olan bir web sitesi geliştiriyorum. Bu yüzden TextArea'da programları görüntülemek için CodeMirror'ı seçtim. Başarıyla görüntülendi. Varsayılan height, codemirror.css numaralı telefondan 300px'dur. TextArea Yüksekliği ve Genişliği nasıl kodemirror programlı olarak değiştirilir?

Answer 1

The CodeMirror user manual is your friend.

örnek kod:

<textarea id="myText" rows="4" cols="10"></textarea> 

<script type="text/javascript" language="javascript"> 
    var myTextArea = document.getElementById('myText'); 
    var myCodeMirror = CodeMirror.fromTextArea(myTextArea); 
    myCodeMirror.setSize(500, 300); 
</script> 

Answer 2

Christian cevap büyük olsa da, yukarı sadece kafaları:

Autoresize Demo. auto bir editörün yükseklik tarzını ayarlama ve viewportMargin Sonsuzluk değeri vererek

CodeMirror { 
    border: 1px solid #eee; 
    height: auto; 
} 

, CodeMirror içeriğinin otomatik olarak uyacak şekilde yeniden boyutlandırmak için yapılabilir.

Kaynak: https://codemirror.net/demo/resize.html

Answer 3

myCodeMirror.setSize(null, 500); 

O boyut değiştirilmemesi gerektiğini belirtmek için ya onları boş geçebilir.

cm.setSize(width: number|string, height: number|string) 

Documentation:

Programlı editör (geçerli CSS kurallarını geçersiz kılma) boyutunu ayarlamak. genişlik ve yükseklik sayıları ( piksel olarak yorumlanır) veya CSS birimleri (örneğin, "% 100") olabilir. için null değerini bu boyutun değiştirilmemesi gerektiğini belirtmek için iletebilirsiniz.