无所不能的Chrome-->代码编辑器

2015-6-17

一行字符，可以把Chrome变为临时的文字编辑器
除了粘贴文字，它还可以粘贴图片

data:text/html, <html contenteditable>

把它丢到地址栏里访问即可使用，这是不是很方便呢？
当然，将他改造一下还可以获得更多的功能

外国的 jakeonrails 大神对它稍微改造了一下，使它变成了支持代码高亮的代码编辑器（引用了来自CloudFront的资源，需保证可与CloudFront正常通讯）

Github地址(国内好像已经和谐)

PHP编辑器

data:text/html, <style type=%22text/css%22>#e{position:absolute;top:0;right:0;bottom:0;left:0;}</style><div id=%22e%22></div><script src=%22http://d1n0x3qji82z53.cloudfront.net/src-min-noconflict/ace.js%22 type=%22text/javascript%22 charset=%22utf-8%22></script><script>var e=ace.edit(%22e%22);e.setTheme(%22ace/theme/monokai%22);e.getSession().setMode(%22ace/mode/php%22);</script>

Python编辑器

data:text/html, <style type=%22text/css%22>#e{position:absolute;top:0;right:0;bottom:0;left:0;}</style><div id=%22e%22></div><script src=%22http://d1n0x3qji82z53.cloudfront.net/src-min-noconflict/ace.js%22 type=%22text/javascript%22 charset=%22utf-8%22></script><script>var e=ace.edit(%22e%22);e.setTheme(%22ace/theme/monokai%22);e.getSession().setMode(%22ace/mode/python%22);</script>

Javascript编辑器

data:text/html, <style type=%22text/css%22>#e{position:absolute;top:0;right:0;bottom:0;left:0;}</style><div id=%22e%22></div><script src=%22http://d1n0x3qji82z53.cloudfront.net/src-min-noconflict/ace.js%22 type=%22text/javascript%22 charset=%22utf-8%22></script><script>var e=ace.edit(%22e%22);e.setTheme(%22ace/theme/monokai%22);e.getSession().setMode(%22ace/mode/javascript%22);</script>

Ruby编辑器

data:text/html, <style type=%22text/css%22>#e{position:absolute;top:0;right:0;bottom:0;left:0;}</style><div id=%22e%22></div><script src=%22http://d1n0x3qji82z53.cloudfront.net/src-min-noconflict/ace.js%22 type=%22text/javascript%22 charset=%22utf-8%22></script><script>var e=ace.edit(%22e%22);e.setTheme(%22ace/theme/monokai%22);e.getSession().setMode(%22ace/mode/ruby%22);</script>

Java编辑器

data:text/html, <style type=%22text/css%22>#e{position:absolute;top:0;right:0;bottom:0;left:0;}</style><div id=%22e%22></div><script src=%22http://d1n0x3qji82z53.cloudfront.net/src-min-noconflict/ace.js%22 type=%22text/javascript%22 charset=%22utf-8%22></script><script>var e=ace.edit(%22e%22);e.setTheme(%22ace/theme/monokai%22);e.getSession().setMode(%22ace/mode/java%22);</script>

C/C++编辑器

data:text/html, <style type=%22text/css%22>#e{position:absolute;top:0;right:0;bottom:0;left:0;}</style><div id=%22e%22></div><script src=%22http://d1n0x3qji82z53.cloudfront.net/src-min-noconflict/ace.js%22 type=%22text/javascript%22 charset=%22utf-8%22></script><script>var e=ace.edit(%22e%22);e.setTheme(%22ace/theme/monokai%22);e.getSession().setMode(%22ace/mode/c_cpp%22);</script>

1 文章名称：无所不能的Chrome-->代码编辑器
2 文章永久网址：https://www.xhily.com/132.html
3 本网站的文章部分内容可能来源于网络，仅供大家学习与参考，如有侵权，请联系站长0000F进行删除处理。
4 本站一切资源不代表本站立场，并不代表本站赞同其观点和对其真实性负责。
5 本站一律禁止以任何方式发布或转载任何违法的相关信息，访客发现请向站长举报
6 本站资源大多存储在云盘，如发现链接失效，请联系我们我们会第一时间更新。
7 如无特别声明本文即为原创文章仅代表个人观点，版权归《无用笔记》所有，欢迎转载，转载请保留原文链接。

THE END