编辑浏览器的代码,代码在线编译工具

20 款优秀的基于浏览器的在线代码编辑器

1. Compilr

　　Compilr是一个在线编译器和在线IDE。你可以用它来开发PHP，C，C，Ruby。在浏览器中编译Java、C#和VB.net。

　　立即使用。

2. Dabblet

　　跨浏览器兼容是前端攻城工程师不得不处理的问题。为了在浏览器之间呈现统一的显示效果，攻城工程师不仅需要给每个浏览器添加CSS前缀，还需要使用一些特殊的CSS Hack技巧。于是，jsFiddle、JS如意小笼包等前端代码在线测试工具应运而生。但是使用jsFiddle还是有很多不方便的地方。为了解决这个问题，前端围攻工程师Lea Verou开发了一个名为Dabblet的HTML和CSS代码段在线测试工具。

　　立即使用。

3. jsdo.it

　　立即使用。

4. Thimble, by Mozilla

　　火狐背后的非营利组织Mozilla刚刚宣布推出一个名为Thimble的HTML/CSS在线互动学习网站，这是Mozilla新推出的Webmaker计划的一部分，旨在帮助普通用户在线学习编写HTML和CSS。

　　顶针提供了双面板设计，左边是语法高亮的代码编辑，右边是网页效果的实时预览。如果用户对效果满意，可以通过右上方蓝色的“发布”按钮一键发布，并通过提供的Twitter发布按钮与朋友分享你的设计成果。

　　立即使用。

5. Jsfiddle

　　JsFiddle是一个在线shell编辑器，它通过流行的JS框架创建一个自定义环境来简化JS代码。可用于测试示例代码。

　　不仅如此，还可以添加一个Ajax echo后端，通过MooTools、jQuery、Dojo、Prototype、Yui、Glow、Vanilla等一系列JavaScript框架自动加载资源。

　　另一个重要的特性是能够保存和共享唯一的URL生成的代码。jsFiddle还有一个嵌入式功能。

　　它提供了一个由4部分组成的界面：

　　HTML CSS编辑器JavaScript编辑器输出界面

　　立即使用。

6. CodeMirror

五星推荐！

　　另一个“在线源代码编辑器”，基于Javascript，短小精悍，实时在线代码高亮。它不是一个富文本编辑器的附属产品，而是很多知名在线代码编辑器的基础库。

　　可见《CodeMirror》的作者是一个向往自由的人。但他的CodeMirror绝对不简单。看看下面的列表：

　　Google Earth KML sample reloquent JavaScript的控制台qooxdoo playgroundA一个关于元素的很酷的教程一个Orc编程的在线IDE顾岚Google的API Playground Raphal Live JS如意小笼包Rok Pad Joomla的插件Scraper Wiki编辑器JSLinb UI Builder这些在线代码编辑器都是基于CodeMirror的。有你熟悉的JS库，你惊讶吗？

　　CodeMirror本身的定位也很清晰，短小精悍，但是代码质量很高。在Google群里，大家都在热烈讨论如何用CodeMirror进行各种改造，可见对他的欢迎。以下演示有多种语言版本：

　　JavaScript XML/html csssparqlhtml混合模式HTML PHP混合模式(由Yahoo提供！)Python(byTimothy Farrell)Lua(byFranciszek Wawrzak)Ruby(作者Michal Hantl，未完成)SQL(作者John Benediktsson)PLSQL(作者Peter Raganitsch)diff(由伊朗Nuna提供)Groovy(byeXo Platform)C#(作者Boris Gaber和Christopher buch ino)ometa js(Byeric ked Ji)Scheme(作者Danny Yoo)如果你有一个需要在线代码编辑的项目，你还在等什么？CodeMirror绝对是你的不二之选。

　　立即使用。

7. eXo Cloude IDE

　　应用程序开发也转向了云。EXo开发了平台即服务(PaaS)，成为eXo Cloud IDE。这个IDE可以很容易地在云上部署Java应用程序。代码存在于云中，可以通过互联网访问。因此，将应用程序从开发阶段转移到生产阶段的速度会更快。

　　VMware的Cloud Foundry PaaS已经在使用这种方法。它帮助开发人员创建Java、Spring、Ruby和其他类型的应用程序，并在几分钟内将其部署到Cloud Foundry。所有这些都是在云端完成的。

　　立即使用。

8. JS 如意的小笼包

　　JS的小笼包是一个Web应用，主要用来帮助测试JavaScript和CSS的代码片段。功能与jsFiddle网站一致。

　　立即使用。

9. CodeRun

　　CodeRun Studio是一个基于JavaScript语言的跨平台集成开发环境。它基于云计算的设计思想，使开发者可以在浏览器端轻松开发、调试和部署网络应用。作为一款APP产品，CodeRun融入了共享机制，开发者可以有选择地上传项目代码，利用云技术与同事协作完成项目工作。目前CodeRun主要支持一些Web开发语言，包括C#/。NET (3.5)、PHP (5.1)、JavaScript、HTML和CSS，其中C#项目包括ASP.NET、WCF、Silverlight、WPF和MVC。JavaScript项目支持JQuery、ExtJS、YUI等流行框架，其中数据库支持SQL Server 2005和Amazon SimpleDB。最后，值得一提的是，CodeRun是一个开源程序。

　　立即使用。

10. eCoder

　　Ecoder是一个基于Web的代码编辑器，用PHP和JavaScript开发。它包括实时语法高亮显示、文件浏览器、文件上传器和标签系统，可以同时直接编辑服务器上的多个文件。

　　立即使用。

11. Kodingen

　　Kodingen online cloud IDE集成了图片编辑器、代码编辑器，甚至大量的服务器功能，包括自己的SQL数据库、创建MySql数据库的能力，以及自己独立的FTP文件系统，为协同办公提供支持。Kodingen甚至可以在不工作的时候作为独立的服务器使用。帐号建立后，用户可以通过xxx(用户名)直接使用。kodingen.com默认情况下，php支持和ror支持是打开的，你可以设置它支持perl和python。

　　免费：500M空间，1G/月流量，1个二级域名，6个三级域名，5个数据库，5个FTP账号。有三个代码编辑器可供选择：bespin、codemirror和ymacs。可以一键安装常用应用：如wordpress、drupal、phpmyadmin、cakephp、mediawiki、phpbb、joolma等。

　　立即使用。

12. EditArea

　　EditArea，一个基于Javascript的在线源代码编辑器，支持高亮显示。这个编辑器的初衷是用一个Teaxarea提供在线代码编辑功能，不仅提供即时语法高亮，还提供文本搜索、替换等功能。

　　当然，这个编辑器是开源的，基于LGPL、Apache和BSD协议。

　　主要特点：

　　易于嵌入HTML页面，只包含一个脚本和函数调用。它支持多种语言的Tab键实时高亮显示，包括PHP、CSS、Javascript、Python、HTML、XML、VB、C、CPP、SQL、Pascal、Basic等等，我就不一一列举了。自动换行支持(不知道什么功能)搜索、替换和正则表达式。新行的格式自动缩进，并显示行数。多语言支持允许一个页面中的多个实例支持全屏牧师。插件机制支持保存和加载时的回调函数。动态内容管理(我不懂)可以像prototype或者mootools一样和js lib并行使用(不冲突)。立即使用。

13. Codeanywhere

　　Codeanywhere是一个集成了ftp客户端的浏览器中的代码编辑器，支持所有流行的web格式(HTML、PHP、JavaScript、CSS和XML。

　　立即使用。

14. Codeita

　　CodeRun-一个免费的、跨平台的基于浏览器的IDE是一个免费开源的基于web的IDE，采用原生支持C #/。Net (3.5)，PHP (5.1)，JavaScript，HTML和CSS。# C支持Silverlight和WPF应用程序的开发和部署，包括ASP.NET、WCF和浏览器。数据库支持包括SQL Server 2005和Amazon SimpleDB。

　　着色和代码完成的功能可以在开发过程中帮助您。它还有一个在线调试器，允许你设置断点，检查调用堆栈，调试和通过你的代码步骤的其他行动。

　　您可以将它用作您的桌面IDE，完全取代丰富而强大的CodeRun，或者您可以使用它来上传现有代码并在云中测试它们，或者与您的同行共享它们。

　　立即使用。