कोडमिरर

Question

में टेक्स्टएरिया की ऊंचाई और चौड़ाई बदलें मैं xml, जावा प्रोग्राम वाले वेबसाइट विकसित कर रहा हूं। तो मैंने TextArea में प्रोग्राम प्रदर्शित करने के लिए CodeMirror चुना। मैंने सफलतापूर्वक प्रदर्शित किया था। यह height300pxcodemirror.css में डिफ़ॉल्ट है। कोडमिरर में प्रोग्रामेटिक रूप से TextArea की ऊँचाई और चौड़ाई कैसे बदलें?

Answer 1

The CodeMirror user manual is your friend.

उदाहरण कोड:

<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

हालांकि ईसाई से जवाब महान है, सिर्फ एक सतर्क रहें:

autoresize डेमो।

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

ऑटो के लिए एक संपादक की ऊंचाई शैली की स्थापना और viewportMargin इन्फिनिटी के एक मूल्य देकर, CodeMirror स्वचालित रूप से अपनी सामग्री फिट करने के लिए आकार बदलने के लिए बनाया जा सकता है।

स्रोत: https://codemirror.net/demo/resize.html

Answer 3

myCodeMirror.setSize(null, 500); 

आप संकेत मिलता है कि उस आयाम बदला नहीं जाना चाहिए उनमें से या तो के लिए अशक्त पारित कर सकते हैं।

Documentation:

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

प्रोग्राम संपादक (लागू सीएसएस नियम अधिभावी) के आकार निर्धारित किया है। चौड़ाई और ऊंचाई या तो संख्या हो सकती है ( पिक्सेल के रूप में व्याख्या की गई) या सीएसएस इकाइयों (उदाहरण के लिए, "100%")। आप के लिए उनमें से किसी एक को यह इंगित करने के लिए शून्य कर सकते हैं कि आयाम बदला नहीं जाना चाहिए।