codeMirror 使用教程
来源:互联网 发布:最优化 教材 编辑:程序博客网 时间:2024/05/01 12:18
codeMirror 官网/下载: http://codemirror.net/index.html
下载解压之后,你所需要的folder有两个:lib,mode. 将这两个文件夹拷贝到项目中,在你需要做代码高亮的页面内引入lib文件夹中的css和js文件,以及你所需要的codeMirror mode下的js文件.
<link type="text/css" href="${ctx}/static/thirdparty/codemirror/lib/codemirror.css" rel="stylesheet" /><script type="text/javascript" src="${ctx}/static/thirdparty/codemirror/lib/codemirror.js"></script><script type="text/javascript" src="${ctx}/static/thirdparty/codemirror/mode/sql/sql.js"></script><script type="text/javascript">$(function(){var mime="text/x-mysql";window.editor = CodeMirror.fromTextArea(document.getElementById('sql'), { mode: mime, indentWithTabs: true, smartIndent: true, lineNumbers: true, matchBrackets : true, autofocus: true });});</script>
ok,现在可以看看效果了。
codeMirror支持多种代码高亮的mode,可以看看mode/index和meta两个文件,你会发现更多。
1 0
- codeMirror 使用教程
- codeMirror插件使用
- CodeMirror简单使用
- CodeMirror 使用大全
- CodeMirror的认识和使用
- 在线代码编辑器 CodeMirror 使用简介
- 使用codemirror对xml进行高亮显示
- CodeMirror与jquery UI-Tabs混合使用 注意事项
- 使用 CodeMirror 打造属于自己的在线代码编辑器
- 使用 CodeMirror 打造属于自己的在线代码编辑器
- CodeMirror使用手册
- codeMirror配置
- codemirror sql
- codemirror 笔记
- vue-codemirror
- 使用CodeMirror实现在线velocity语法高亮和自动联想功能
- CodeMirror动态显示
- 2015.6.25(CodeMirror插件)
- 一步一步在Linux上升级10gR2 RAC到11gR2 RAC(2)
- jsp 九大隐含对象
- 网络流24题题目列表
- iOS开发iPad和iPhone的启动画面设置
- 部分内容7---升级固件
- codeMirror 使用教程
- 【MotionEvent】亲测MotionEvent中getX()和getRawX()的区别
- 有关Linux下线程的调度
- 如何查看mysql数据库安装时候选择的编码格式
- 结构型模式---代理模式之动态代理与静态代理的区别
- 一步一步在Linux上升级10gR2 RAC到11gR2 RAC(3)
- LeetCode:Sqrt(x)
- Android:android:listSelector="#00000000" 与 android:listSelector="@null"之区别
- typedef和#define的用法与区别----转载