将浏览器变成文本编辑器

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

posted @ 2013-01-31 10:00  么幺  阅读(383)  评论(0编辑  收藏  举报