一行代码，打造一个在线编辑器

monkeye · 发表于 2015-10-15 10:23:26

转自：36ke

程序员 Jose Jesus Perez Aguinaga 在 CoderWall 分享了一个小技巧：在浏览器地址栏中输入一行代码：

data:text/html, <html contenteditable>

复制代码

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

实际使用范例~~见附件

eqmz · 发表于 2015-10-15 10:24:09

马上试试

潇湘双雁 · 发表于 2015-10-15 10:26:32

这个很赞。

snkeyu · 发表于 2015-10-15 10:27:44

这很奇怪... Microsoft Edge 找不到此页

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

尝试此操作

amiaoagou · 发表于 2015-10-15 10:39:19

楼主好萌

wuchunuan · 发表于 2015-10-15 12:42:42

snkeyu 发表于 2015-10-15 10:27
这很奇怪... Microsoft Edge 找不到此页

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

这种玩意用chrome才是王道！

从来没用过Microsoft浏览器的飘过～（除了测试兼容）

wuchunuan · 发表于 2015-10-15 12:43:42

猴哥，不要停，不要停

金沙江 · 发表于 2015-12-1 21:40:05

老大感觉不支持TAB键啊？一TAB就切换到地址栏了。

ゞ╃緈褔擵忝輪 · 发表于 2016-2-2 20:49:37

微软浏览器不支持···· 感觉国内的浏览器都不支持啊

guomengtao · 发表于 2016-2-20 12:54:52

mark

		自动登录	找回密码
密码			立即注册

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

本帖子中包含更多资源