codeMirror plugin for CloudCommander

codemirror.js

/* removing keyBinding if set */
CloudCommander.keyBinded = false;

var editor;
left.className = 'panel hidden';

function setStyle(){
	var element= document.createElement('style');	
	element.media='screen';
	element.type='text/css';
	element.innerText='@import url(//fonts.googleapis.com/css?family=Droid+Sans+Mono);'+
		'.CodeMirror{'+
			'font-family:\'Droid Sans Mono\';'+
			'font-size:15px;'+
			'resize:vertical;'+ 'margin:16px;'+'padding:20px;' +
		'}'+
		'.CodeMirror-scroll{'+
		    'height: 660px;' +
		'}';
	document.head.appendChild(element);
}

function cssLoad(src){
	var element= document.createElement('link');	

	element.rel='stylesheet';
	element.href=src;
	document.head.appendChild(element);
}

function jsload(src,func,async,body){    
    var id=src;
    //если скрипт еще не загружен
    if(!document.getElementById(id)){
        var element = document.createElement("script");
        element.src = src;
        element.id=id;
        if(arguments.length>=2){
            element.onload=func;
            if(arguments.length>=3){
				if(arguments.length>=4){
					element.innerHtml=body;
				}				
			}else element.async=true;
        }
        document.body.appendChild(element);
    }
}


jsload('http://codemirror.net/lib/codemirror.js',load_all,false);

function load_all(){	
	cssLoad('http://codemirror.net/lib/codemirror.css');
	cssLoad('http://codemirror.net/theme/night.css');
	setStyle();

	jsload('http://codemirror.net/mode/xml/xml.js',setTextArea);
}



function setTextArea(){ 
    var lEditor=document.createElement('div'); 
    lEditor.id='CloudEditor';
    fm.appendChild(lEditor);
    
    CodeMirror(lEditor,{
        mode        : "xml",  
        htmlMode    : true,
        theme       : 'night',
        lineNumbers : true,
        //переносим длинные строки
        lineWrapping: true,
        extraKeys: {
            //Сохранение
            "Esc": hide
        }
    });
}

function hide(){
    CloudCommander.keyBinded = true;
    CloudEditor.className='hidden';
    left.className = 'panel';
};