cloudcmd/lib/client/editor.js

var CloudCommander;
CloudCommander.Editor = {};
CloudCommander.Editor.CloudMirror = { load: (function(){
  
    CloudCommander.jsload('http://codemirror.net/lib/codemirror.js', load_all(this));
    
    function load_all(pParent) {
        return function(){
            CloudCommander.cssLoad({
                src     : 'http://codemirror.net/lib/codemirror.css',
                element : document.head
            });
          
            CloudCommander.cssLoad({
                src     : 'http://codemirror.net/theme/night.css',
                element : document.head
            });
          
            CloudCommander.cssSet({id:'editor',
                inner:'.CodeMirror{'+
                    'font-family:\'Droid Sans Mono\';'+
                    'font-size:15px;'+
                    'resize:vertical;'+ 'margin:16px;'+'padding:20px;' +
                '}'+
                '.CodeMirror-scroll{'+
                    'height: 660px;' +
                '}' +                           
                '.CodeMirror-scrollbar{'+
                     'overflow-y:auto' +
                '}'
            });  
                      
              var lShowEditor_f = function (){
                  if (!document.getElementById('CloudEditor')) {      
                      var lEditor=document.createElement('div'); 
                      lEditor.id ='CloudEditor';
                      lEditor.className = 'hidden';
                      fm.appendChild(lEditor);
                      
                      CodeMirror(lEditor,{
                          mode        : "xml",  
                          htmlMode    : true,
                          theme       : 'night',
                          lineNumbers : true,
                          //переносим длинные строки
                          lineWrapping: true,
                          extraKeys: {
                              //Сохранение
                              "Esc": pParent.hide
                          },
                        onLoad: pParent.show()
                      });
                  
                  }
            };
            CloudCommander.jsload('http://codemirror.net/mode/xml/xml.js', lShowEditor_f);
        };
    }
}),
    show : (function(){
            /* if CloudEditor is not loaded - loading him */
            document.getElementById('CloudEditor') ||
                this.load();
              /* removing keyBinding if set */
            CloudCommander.keyBinded = false;        
            left.className = 'panel hidden';
            CloudEditor.className = '';
        }),
        
        
        
        
    hide :(function() {
            CloudCommander.keyBinded = true;
            CloudEditor.className='hidden';
            left.className = 'panel';
        })
};
CloudCommander.Editor.Keys = (function(){
    "use strict";
    var key_event=function(event){
        /* если клавиши можно обрабатывать*/
        if(CloudCommander.keyBinded){
            /* if f4 pressed */
            if(event.keyCode===115){
                CloudCommander.Editor.CloudMirror.show();
            }
        }
    };
       
    /* добавляем обработчик клавишь */
    if(document.addEventListener)
        document.addEventListener('keydown', key_event,false);
    else document.onkeypress=key_event;
    /* клавиши назначены*/
    CloudCommander.keyBinded=true;
});