CodeMirror与jquery UI-Tabs混合使用 注意事项
来源:互联网 发布:python try finally 编辑:程序博客网 时间:2024/05/17 06:52
第一步:.将代码高亮渲染
第二步: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/
第二步: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/
0 0
- CodeMirror与jquery UI-Tabs混合使用 注意事项
- Jquery ui tabs 使用
- jquery easy ui tabs使用
- Jquery ui tabs控件的使用技巧
- jQuery Ui Tabs插件使用问题记录
- Jquery UI tabs
- Jquery UI tabs详解
- JQuery UI - tabs
- Jquery UI tabs
- jquery ui tabs详解
- jQuery UI Tabs Demo
- jQuery-UI学习tabs
- jquery ui tabs
- jquery ui tabs
- jquery ui tabs详解(中文)
- jquery ui tabs应用示例
- jquery ui tabs详解(中文)
- Jquery UI tabs 属性详解
- String StringBuffer StringBuilder 基础
- VS2008远程调试方法
- 小程序
- HttpClient 4.01 使用总结
- Weka中Apriori算法实用与分析
- CodeMirror与jquery UI-Tabs混合使用 注意事项
- cocos2d-x for android:CCSprite 精灵动画(转)
- android之通过USB插拔流程来了解android UEvent
- 关于STL中map的一些用法
- 第18周项目2-找数字和运算符号
- 搜索的激情岁月:从网址簿进化到个人门户
- Ubuntu软件的安装,卸载,以及查看方法的总结
- SOA
- Ubuntu 程序“javac”已包含在下列软件包中