zoukankan      html  css  js  c++  java
  • 将浏览器变成文本编辑器

    群里有人发了一个链接,是关于如何把浏览器变成一个文本编辑器的,我本人对web前端开发并不甚了解,但是感觉挺有意思,遂决定记载下来,供以后翻阅。使用方法:直接复制以下代码到浏览器地址栏,回车即可。

    1、普通的编辑器

    data:text/html, <html contenteditable>

    2、python高亮编辑器

    data:text/html, <style type="text/css">#e{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/monokai");e.getSession().setMode("ace/mode/python");</script>

    3、c/c++高亮编辑器

    data:text/html, <style type="text/css">#e{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/monokai");e.getSession().setMode("ace/mode/c_cpp");</script>

    参考资料:

    1、http://blog.jobbole.com/32823/

  • 相关阅读:
    数据库_连接查询
    日志
    日常小技巧
    『转载』OpenLayers 5 使用turf.js渲染克里金插值计算的等值面
    Openlayers3中如何优雅的表示等值面
    远程桌面拷贝超大文件
    turf.js intersect()裁剪存在空洞
    web worker示例demo
    meta标签作用
    geojson 标准格式学习
  • 原文地址:https://www.cnblogs.com/meyao/p/browser_editor.html
Copyright © 2011-2022 走看看