कोडिमिरर

Question

की किसी दिए गए संख्या तक ऑटोरेसीज़ करें, मैं कोडमिरर को लाइनों या पिक्सेल ऊंचाई की एक निश्चित संख्या तक ऑटोरेसीज़ करने की अनुमति देने की कोशिश कर रहा हूं। इस अधिकतम आकार तक पहुंचने के बाद विजेट को स्क्रॉलबार जोड़ना चाहिए।

CodeMirror.fromTextArea(document.getElementById("code"), { 
    lineNumbers: true, 
    viewportMargin: 50 

});

अधिकतम-ऊंचाई ऐसा ही कुछ के बारे में

.CodeMirror { 
border: 1px solid #eee; 
height: 100%; 
} 

http://jsfiddle.net/qzjo4ejh/

Answer 1

आपको .CodeMirrorheight: auto शैली देना चाहिए, और max-height.CodeMirror-scroll पर डालें। project page पर एम्बेडेड संपादक यह करता है (स्रोत देखें, यह शीर्ष के ठीक है)।

Answer 2

क्या काम नहीं कर रहा:

var myCodeMirror = CodeMirror.fromTextArea(document.getElementById("code"), { 
    lineNumbers: true, 
    viewportMargin: 50 
}); 

var height; 
if(myCodeMirror.lineCount() > 5) { 
    height = 50; 
} else { 
    height = 20 * myCodeMirror.lineCount(); 
} 
myCodeMirror.setSize(500, height); 

यह एक उदाहरण है। जब आप लाइन बदलते हैं तो आप अपने कोडमिरर को गतिशील रूप से आकार देने के लिए किसी ईवेंट को संभाल सकते हैं।

Answer 3

यह मेरे लिए काम करता है। CodeMirror-scroll इसे अपने आप को आकार देने का कारण बन रहा था। दस्तावेज़ों के कहने के बावजूद आपको viewportMargin के साथ कुछ भी करने की आवश्यकता नहीं है।

.CodeMirror { 
    border: 1px solid #eee; 
    height: auto; 
    max-height:100px; 
} 

.CodeMirror-scroll { 
    height: auto; 
    max-height:100px; 
} 

Fiddle