将浏览器变成文本编辑器

群里有人发了一个链接,是关于如何把浏览器变成一个文本编辑器的,我本人对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/

原文地址:https://www.cnblogs.com/meyao/p/browser_editor.html