ब्राउज़र के आकार

Question

पर आधारित ajax.org एसीई संपादक का आकार बदलें मैं ब्राउज़र के आकार के आधार पर एसीई संपादक को आकार बदलने योग्य बनाना चाहता हूं। हालांकि, संपादकीय तत्व को स्पष्ट रूप से आकार दिया जाना चाहिए ताकि को एसी संपादक के एपीआई द्वारा प्रारंभ किया जा सके।

जब मैं चौड़ाई निर्धारित करता हूं तो संपादक काम करता है: 100%/ऊंचाई: 400 पीएक्स। इस सेटिंग के साथ संपादक की चौड़ाई ब्राउज़र की चौड़ाई के लिए उत्तरदायी है। हालांकि, संपादक की ऊंचाई के लिए उत्तरदायी नहीं है।

क्या ब्राउज़र के आकार का जवाब देकर संपादक का आकार अधिक लचीला बनाने का कोई तरीका है?

धन्यवाद

Answer 1

function resizeAce() { 
    return $('#editor').height($(window).height()); 
}; 
//listen for changes 
$(window).resize(resizeAce); 
//set initially 
resizeAce(); 

Answer 2

तरह https://github.com/ajaxorg/ace-builds/blob/master/editor.html#L14

Answer 3

jpillora उत्तम मार्गदर्शन पर विस्तार सेट position:absolute;top:0; bottom:0 :

function resizeAce() { 
    var h = window.innerHeight; 
    if (h > 360) { 
     $('#editor').css('height', (h - 290).toString() + 'px'); 
    } 
}; 
$(window).on('resize', function() { 
    resizeAce(); 
}); 
resizeAce(); 

window.innerHeight IE8 + द्वारा समर्थित है और स्क्रीन के प्रयोग करने योग्य क्षेत्र प्राप्त करने के लिए विश्वसनीय लगता है । मैं IE9, एफएफ, और क्रोम पर समान परिणामों के साथ समाप्त हुआ। मैंने यह भी पाया कि मुझे विंडो आकार बदलने की घटना को विश्वसनीय रूप से पकड़ने के लिए jQuery on वाक्यविन्यास का उपयोग करना पड़ा।

मैं क्योंकि मेरे मामले में मैं एक pre तत्व (कि कोडिंग मदद से पता चलता) कि कोड संपादक के अधिकार के लिए बैठता है आकार बदलने कर रहा हूँ, और यह वास्तव में करने के लिए दो तत्व प्राप्त करने के लिए एक ही रास्ता था में jQuery css का उपयोग करने के लिए आवश्यक एक ही ऊंचाई।

360 और 290 संख्या मैं सभी मेनू और टैब्स मेरे पेज के शीर्ष पर खड़ी स्थान ले के लिए खाते में करने के लिए उपयोग करने के लिए आवश्यक हैं। तदनुसार समायोजित करें।