zoukankan      html  css  js  c++  java
  • 一行代码让浏览器变编辑器

    快速通道

    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

  • 相关阅读:
    原生JS实现日历
    重复的事情让机器来做,简化的思想
    Ext3.1的一些使用讨论
    JS使用Crypto实现AES/ECS/zero-padding加密
    一些提升效率的小知识
    一些很有意思的JS现象
    Tiny Linux -- tce-load
    python sqlalchemy mysql 自动映射
    python 反射
    python 动态导包
  • 原文地址:https://www.cnblogs.com/chenyg32/p/3116409.html
Copyright © 2011-2022 走看看