424
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);
摘自：https://jtmorris.net/2013/06/codemirror-editor-not-displaying-default-value/
最後更新：2017-04-03 12:53:54