分享 一行代码,浏览器变临时编辑器

Ddl1st · 2013年01月30日 · 最后由 xinhuahunter 回复于 2014年08月29日 · 7922 次阅读

"程序员 Jose Jesus Perez Aguinaga 在 CoderWall 分享了一个小技巧:在浏览器地址栏中输入一行代码:data:text/html, <html contenteditable> ,回车即可把浏览器变临时编辑器(需要浏览器支持 HTML5 属性 contenteditable)。不少程序员受 Jose 的启发,开始对这行代码加工改造,比如改成支持 Ruby 语法高亮的编辑器……"

这个相当不错,好玩。

太强了!

https://gist.github.com/4666256 ruby 代码编辑器,关键字高亮什么的

Ctrl-S 保存,以后可以打开继续编辑

@doitian 你说的这个特性实现了吗?我每次 Ctrl-S 都提示我保存整个 html 的源码,而不是保存正在编辑的文字

远离很简单啊,还是 ace 调用

#11 楼 @tylerlong 就是 HTML 啊,浏览器再打开内容还在,继续编辑。

@doitian 哦。我们理解得不一样。我以为它可以像普通的编辑器那样保存呢。比如写了一段 ruby 代码,可以保存为 test.rb 文件。

加书签,网址填入下面的 js,打开任意网页,点击该书签,整个网页将处于可编辑状态。 javascript:void(document.body.contentEditable='true'); 供大家玩玩~

freewheel 的 ruby 工程师 邮箱 [email protected]

需要 登录 后方可回复, 如果你还没有账号请 注册新账号