一行代码让浏览器变编辑器
2013-09-09 13:38
232 查看
data:text/html, <style type="text/css">#e{font-size: 1.04em;position:absolute;top:0;right:0;bottom:0;left:0;}</style><div id="e"></div><script src="http://d1n0x3qji82z53.cloudfront.net/src-min-noconflict/ace.js" type="text/javascript" charset="utf-8"></script><script>var e=ace.edit("e");e.setTheme("ace/theme/cobalt");e.getSession().setMode("ace/mode/c_cpp");</script>
谷歌内核浏览器地址栏输入以上代码回车即可。
几点说明:
1.网上这段代码很多,但是发现那段代码出来的效果字体很小,经过研究,只要加入font-size:1.2em;这一句话,就可以调节字体大小。
2.继续研究,加入line-height:2; 可以调节每一行的高度。
3.经过测试,在原来网上的基础上又发现了几款主题,列在下面。
Language:
Python -> ace/mode/python
C/C++ -> ace/mode/c_cpp
Javscript -> ace/mode/javascript
Java -> ace/mode/java
Scala -> ace/mode/scala
Ruby -> ace/mode/ruby
Theme:
Eclipse -> ace/theme/eclipse
TextMate -> ace/theme/textmate
Monokai -> ace/theme/monokai
Twilight -> ace/theme/twilight
Cobalt -> ace/theme/Cobalt
Nice To Meet You! 请多多指教哈~
相关文章推荐
- 一行代码,浏览器变临时编辑器
- 一行代码,浏览器变临时编辑器
- <转载>仅一行代码,使用浏览器打造一个在线编辑器
- 一行代码,浏览器变临时编辑器
- 一行代码让浏览器变编辑器
- 一行代码,浏览器变临时编辑器
- 一行代码,浏览器变临时编辑器
- 在浏览器地址栏中输入一行代码把浏览器变成临时文本编辑器
- 一行代码,浏览器变临时编辑器
- 一行代码,浏览器变临时编辑器
- 一行代码,浏览器变临时编辑器
- 一行代码,浏览器变临时编辑器
- 一行代码,浏览器变临时编辑器
- 11.16 快速计算出某数字的+1或^2的总次数,一行代码浏览器变编码编辑器
- 仅一行代码,打造一个在线编辑器
- #极氪# 仅一行代码,打造一个在线编辑器 | 36氪
- Source Insight是一个面向项目开发的程序编辑器和代码浏览器
- 浏览器兼容问题与解决方法总汇(一行代码解决浏览器兼容问题)
- 仅一行代码,打造一个在线编辑器
- 代码编辑器和代码浏览器