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


     在大部分人眼里,技术宅给人的印象是沉默寡言,总摸不透他心里想些什么,彼此都保持距离。作为半个程序员,我觉得真正的技术宅大部分时间都在找乐子,鼓捣各种想法,和大部...

  


  在大部分人眼里,技术宅给人的印象是沉默寡言,总摸不透他心里想些什么,彼此都保持距离。作为半个程序员,我觉得真正的技术宅大部分时间都在找乐子,鼓捣各种想法,和大部分人的极客心理是一样的,程序员也还爱讲笑话,也喜欢烧菜做饭,虽然大多是为了减减压,这样看来和常人没什么不一样。


  不一样的地方,技术宅崇尚极致,喜欢极简,又希望简约不简单,背后就是技术宅满心思的不断的尝试,我正在看着一出好戏在上演:


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


  从引子中可以看到,本来只是简短的小段代码: data:text/html, <html contenteditable>,经过程序员们不断改造,从一个简单的可编辑页面,逐步变成了包括支持 Java、Ruby、Python 等多种 编程语言高亮的代码编辑器,截至不到 1 个小时的最后更新,我已经看到了一个和notepad.cc 网站功能相近,使用了第三方网站数据库 API 服务存储内容的 在线编辑器 了:


data:text/html,
<style type="text/css">
#e {
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
font-size:16px;
}
</style>
<div id="e"></div>
<script src="http://d1n0x3qji82z53.cloudfront.net/src-min-noconflict/ace.js"></script>
<script src="http://code.jquery.com/jquery-1.9.0.min.js"></script>
<script>
var myKey="SecretKeyz";
$(document).ready(function(){
var e = ace.edit("e");
var url = "http://api.openkeyval.org/"+myKey;
$.ajax({
url: url,
dataType: "jsonp",
success: function(data){
e.setTheme("ace/theme/tomorrow_night_eighties");
e.getSession().setMode("ace/mode/markdown");
e.setValue(data);
}
});

更多 编辑器 相关资讯

CodeMirror:基于JavaScript的代码编辑器

CodeMirror:基于JavaScript的代码编辑器

CodeMirror是一个基于JavaScript的代码编辑器,你可以将其嵌入到任何支持JavaScript的页面中。 CodeMirror支持大量语言的语法高亮,包括C、C++、C#、Jav

创业公司Mugeda 推出网页版HTML5 动画编辑器

创业公司Mugeda 推出网页版HTML5 动画编辑器

曾经一度应用极其广泛的Flash 在这两年越来越落寞,尽管现在我们看到的很多网页端的动画广告依然是基于Flash 技术开发的,但是去年下半年Adobe 宣布放弃开发移动设备以及电视

采访和书评:精通HTML5和CSS3设计模式

每个应用程序都是独一无二的——但构成应用程序的组件却不尽如此。工具箱和程序库能够捆绑高层GUI元素和概念,但它们也因此造成了对程序库的依赖。 一本名叫《精通HTML5和CSS

Visual Studio 11增强HTML5和JS的支持

Mads Kristensen 在 TechDays 2012 海牙站上发表了一场很有趣的演讲,演讲内容是关于在 Visual Studio 11 和 ASP.NET 4.5 中所有的新功能和新选项。   然而,当我们浏览这

HTML5游戏开发工具推荐:IMPACT

HTML5游戏开发工具推荐:IMPACT

Impact 是一个 JavaScript 游戏引擎,可以为桌面和手机浏览器开发令人惊叹的 HTML5 游戏。 我已经试过了四个其他 JavaScript 游戏引擎,这是我用过的第一个比较有意义的(……)Im

更多 程序员 相关资讯

重思JavaScript的好与坏

重思JavaScript的好与坏

最近,我和许多程序员一样,对JavaScript进行重新探讨。事实上,JavaScript是一个非常有能力的语言,但使用新JavaScript一年后,我得出的结论却是JavaScript仍然很烂。我并不

更多 data 相关资讯

Node.js包含新的流API

Node.js是一个基于Google V8引擎构建的服务器端JavaScript平台,在0.9.4这个不稳定版本中包含了一个新的流API。新API称为“streams2”,计划在0.10稳定版中正式发布。