Discuz! 官方站

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索
查看: 410|回复: 9

[分享] 一行代码,打造一个在线编辑器

[复制链接]
发表于 2015-10-15 10:23:26 | 显示全部楼层 |阅读模式
转自:36ke



程序员 Jose Jesus Perez Aguinaga 在 CoderWall 分享了一个小技巧:在浏览器地址栏中输入一行代码:
  1. data:text/html, <html contenteditable>
复制代码

然后回车,即可把浏览器变临时编辑器(需要浏览器支持 HTML5 属性 contenteditable)。不少程序员受 Jose 的启发,经过不断改造,从一个简单的可编辑页面,逐步变成了包括支持 Java、Ruby、Python 等多种 编程语言高亮的代码编辑器,大家快来试试吧,粘贴到 Chrome 或者 Firefox,Safari 浏览器地址栏中(不支持低版本 IE 浏览器),回车打开,稍等片刻一个支持 CTRL + S 保存内容的在线编辑器呈现眼前。


实际使用范例~~见附件

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
发表于 2015-10-15 10:24:09 | 显示全部楼层
马上试试
回复

使用道具 举报

发表于 2015-10-15 10:26:32 | 显示全部楼层
这个很赞。
回复

使用道具 举报

发表于 2015-10-15 10:27:44 | 显示全部楼层
这很奇怪... Microsoft Edge 找不到此页

此页上的某些内容需要安装某个应用才能显示。

尝试此操作
回复

使用道具 举报

发表于 2015-10-15 10:39:19 | 显示全部楼层
楼主好萌
回复

使用道具 举报

发表于 2015-10-15 12:42:42 | 显示全部楼层
snkeyu 发表于 2015-10-15 10:27
这很奇怪... Microsoft Edge 找不到此页

此页上的某些内容需要安装某个应用才能显示。

这种玩意用chrome才是王道!从来没用过Microsoft浏览器的飘过~(除了测试兼容)
回复

使用道具 举报

发表于 2015-10-15 12:43:42 | 显示全部楼层
猴哥,不要停,不要停
回复

使用道具 举报

发表于 2015-12-1 21:40:05 | 显示全部楼层
老大 感觉不支持TAB键啊? 一TAB就切换到地址栏了。
回复

使用道具 举报

发表于 2016-2-2 20:49:37 | 显示全部楼层
微软浏览器不支持···· 感觉国内的浏览器都不支持啊
回复

使用道具 举报

发表于 2016-2-20 12:54:52 | 显示全部楼层
mark
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

腾讯云商标服务特惠!快速注册低至270元/件起,更有续展/宽展+延伸一站式服务、全场代金券补贴

小黑屋|Discuz! 官方站 ( 粤B2-20090059-165 )star

GMT+8, 2020-4-2 13:20

Powered by Discuz! X3.3

Copyright © 2001-2019 Tencent Cloud.

快速回复 返回顶部 返回列表