CodeMirror与jquery UI-Tabs混合使用 注意事项

第一步：.将代码高亮渲染
第二步：jquery Tab输出；
第三步：点击Tab切换时，将代码块刷新；

具体操作：
1.在jQuery tabs之前，创建CodeMirror实例：如：
var tocm = document.getElementById("codifyme"); 
$("#tabifyme").tabs();
CodeMirror.fromTextArea(tocm);
需将第三句与第二句位置互换，像下面这样：
vartocm=document.getElementById("codifyme"); 
CodeMirror.fromTextArea(tocm);
$("#tabifyme").tabs();


2.在点击jQuery tabs时，在Tab被激活时，刷新编辑器：
$("#tabifyme").tabs({
    activate:function(event,ui){
        // activate event is fired every time a tab is selected
        // refresh CodeMirror to ensure that its contents display correctly
        cminst.refresh();
    }
}); 
var tocm=document.getElementById("#codifyme");    
var cminst=CodeMirror.fromTextArea(tocm); 

摘自：http://jtmorris.net/2013/06/codemirror-editor-not-displaying-default-value/