ace editor 使用教程
<!DOCTYPE html>
<html>
<head>
<title>Demo of ACE Editor</title>
<!--导入js库-->
<script src="ace-builds-master/src/ace.js"></script>
<script src="ace-builds-master/src/ext-language_tools.js"></script>
</head>
<body>
<!--代码输入框(注意请务必设置高度,否则无法显示)-->
<pre id="code" class="ace_editor" style="min-height:400px">
<textarea class="ace_text-input">
#include <cstdio>
int main(){
int n,m;
scanf("%d %d",&n,&m);
printf("%d",n+m);
return 0;
}
</textarea>
</pre>
<script>
//初始化对象
editor = ace.edit("code");
//设置风格和语言(更多风格和语言,请到github上相应目录查看)
theme = "clouds"
language = "c_cpp"
editor.setTheme("ace/theme/" + theme);
editor.session.setMode("ace/mode/" + language);
//字体大小
editor.setFontSize(18);
//设置只读(true时只读,用于展示代码)
editor.setReadOnly(false);
//自动换行,设置为off关闭
editor.setOption("wrap", "free")
//启用提示菜单
ace.require("ace/ext/language_tools");
editor.setOptions({
enableBasicAutocompletion: true,
enableSnippets: true,
enableLiveAutocompletion: true
});
</script>
</body>
</html>
最新文章
- 单独使用jdbc编程问题总结(一)
- C#测试题若干,都是基础阿
- MySQL索引背后的数据结构及算法原理
- [转载]抓包,端口镜像,monitor session命令(转)
- [python]初探socket
- poj1703 Find them, Catch them
- 2016年10月20日 星期四 --出埃及记 Exodus 19:4
- php include
- 使用Xcode5开发时的icon取消高光效果
- css实现超出一行后用省略号显示
- android 三目运算符 运用错误
- 【测试Json的多空格问题】
- with补充知识点
- HDU 6047 Maximum Sequence
- mongoVUE破解与配置、Mongodb数据库安装
- sys 模块的应用
- c/c++二叉树的创建与遍历(非递归遍历左右中,破坏树结构)
- Viterbi
- HTML5事件—visibilitychange 页面可见性改变事件
- 关于Centos7 firewalld防火墙开放端口后仍不能访问ftp和nginx的问题解决
热门文章
- Qt测试代码执行时间
- Forward Rendering 正向渲染
- Android NDK开发指南(二)Android.mk文件
- unity调用Android的jar包
- Ogre的mesh和skeleton文件数据格式分析
- Git的使用方法与GitHub项目托管方法
- SpringBoot2.0 整合 QuartJob ,实现定时器实时管理
- Matlab图像处理相关
- IP服务-3-DHCP
- 反射和__setattr__,__delattr__,__getattr__用法