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

　　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，或者您可以使用它来上传现有代码并在云中测试它们，或者与您的同行共享它们。

　　立即使用。

　　15. Drawter

　　Drawter是一个基于Web的编辑器(基于JavaScript和jQuery库)，相当多的人可以直接要求你的网站代码和每个标签作为你的绘图的一个层来呈现。

　　目前Drawter是Pro版本(还是免费的)，也就是说HTML和CSS的知识必不可少。Drawters开发的未来目标是建立一个业余版本，它将允许你在没有任何HTML或CSS知识的情况下绘制你的网站。关注它今年一段时间的推出。

　　立即使用。

　　16. Maqetta

　　用于创建桌面和移动用户界面的HTML5设计和编辑工具Maqetta也宣布将该项目捐赠给开源组织Dojo Foundation。

　　Maqetta已经是开源项目，提供所见即所得的可视化HTML5用户界面设计功能，只需要简单的拖拽操作，支持桌面和移动用户界面。

　　Maqetta应用程序本身是用HTML5/Ajax编写的，所以不需要请求额外的插件或下载来在浏览器中运行。用户可以下载源代码，安装在自己的服务器上，并根据自己的需求定制源代码，然后反馈给开源项目。

　　Maqetta函数如下：

　　所见即所得可视化页面编辑，拖动移动UI设计或源码浏览，同步编辑，深入支持CSS样式，马上使用。

　　17. Builder Pro

　　BuildorPro使用可视化、代码编辑器和调试工具来提供一种非常灵活的方式来创建和管理网站的设计和商标。BuildorPro您可以使用可视化控制来改进设计过程，同时保持对代码本身的完全控制。

　　立即使用。

　　18. ShiftEdit

　　在线ShiftEdit支持PHP、HTML、CSS、ruby、JavaScrip等语言的创建和编辑，提供内置FTP，支持实时调试语法。ShiftEdit功能还在不断增加。

　　立即使用。

　　19. Squad Editor

　　Squad是一个基于网络的代码编辑器，可以相互协作，你可以在任何地方访问它。

　　立即使用。

　　20. Cloud9 IDE

　　Cloud9利用云技术，在浏览器中运行，让你随时随地运行、调试、部署应用。一个完整的游戏规则改变者将永久地改变应用程序的开发方式。Cloud 9让你可以专心编程，不用担心搭建环境之类的琐事。

　　立即使用。

　　转自：http://www.open-open.com/news/view/1dc36fe

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。