20款优秀的基于浏览器的在线代码编辑器 | 您所在的位置:网站首页 › 在线PHP编辑器 › 20款优秀的基于浏览器的在线代码编辑器 |
20款优秀的基于浏览器的在线代码编辑器
1. Compilr
2. Dabblet
3. jsdo.it
4. Thimble, by Mozilla Firefox 浏览器背后的非营利性组织Mozilla 刚刚宣布推出了一个名为Thimble 的HTML/CSS在线交互式学习网站,该站是Mozilla 新近推出的Webmaker计划 的组成部分,旨在帮助普通用户在线学习编写HTML和CSS。 Thimble 提供的是双面板设计,左侧为带语法高亮的代码编辑,右侧可实时预览网页效果,如果用户对效果满意,可通过右上方的蓝色 “Publish” 按钮一键发布,还可通过提供的Twitter 发布按钮与好友分享你的设计成果。 马上使用 5. Jsfiddle
不仅如此,你还可以添加一个Ajax echo后端,并且通过一系列的JavaScript框架自动载入资源,如MooTools, jQuery, Dojo, Prototype, YUI, Glow,Vanilla等。 还有一个重要特性就是能够保存和分享一个unique URL generated代码,jsFiddle还有一个嵌入的功能。 它提供了一个由4各部分组成的界面: HTML 编辑器CSS 编辑器JavaScript 编辑器输出界面马上使用6. CodeMirror 五星推荐! 又一款“Online Source Editor”,基于Javascript,短小精悍,实时在线代码高亮显示,他不是某个富文本编辑器的附属产品,他是许多大名鼎鼎的在线代码编辑器的基础库。 可以看出,CodeMirror的作者是一个十分向往自由的人。但他的CodeMirror绝对不简单,看看下面这份清单: Google Earth KML samplerEloquent JavaScript's consoleThe qooxdoo playgroundA cool tutorial about the elementAn online IDE for the Orc programming languageGoogle's API playgroundRaphaël LiveJS BinThe RokPad plugin for JoomlaThe scraperwiki editorjsLinb UI Builder上述的这些在线代码编辑器都是基于CodeMirror的,是不是感到惊讶,里面有你熟悉的JS Library。 CodeMirror本身的定位也很明确,短小精悍,但代码质量很高,在Google Group的群里面,人们热烈的进行着用CodeMirror做各式各样改造的讨论,可见对他的欢迎。以下有各种不同语言的Demo演示: JavaScriptXML/HTMLCSSSPARQLHTML mixed-modeHTML+PHP mixed-mode (courtesy of Yahoo!)Python (by Timothy Farrell)Lua (by Franciszek Wawrzak)Ruby (by Michal Hantl, unfinished)SQL (by John Benediktsson)PLSQL (by Peter Raganitsch)diff (courtesy of Liran Nuna)Groovy (by eXo Platform)C# (by Boris Gaber and Christopher Buchino)OmetaJS (by Eric KEDJI)Scheme (by Danny Yoo)假如你有项目需要在线代码编辑,还等什么?CodeMirror,绝对是你最好的选择。马上使用 7. eXo Cloude IDE
VMware的Cloud Foundry PaaS已经在用这个方法。它帮助开发人员创建Java、Spring、Ruby和其他类型的应用程序并在数分钟内部署到Cloud Foundry。所有这些都是在云内完成。 马上使用 8. JS Bin JSBin 是一个 Web 应用,主要用于帮助测试 JavaScript 和 CSS 的代码片段。功能与 jsFiddle 网站一致。 马上使用 9. CodeRun
10. eCoder
11. Kodingen
免费用户提供: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还有很多,太多了,不列举了。Word-wrap支持(不了解什么功能)搜索、替换还有正则表达式新建行的格式自动缩进行数显示提示多语言支持允许一个页面内多个实例支持全屏牧师支持插件机制支持保存时、加载时的回调函数可动态内容管理(不理解)可以与类似prototype或mootools这种js lib下并行使用(无冲突)马上使用 13. Codeanywhere
14. Codeita
15. Drawter
16. Maqetta Maqetta,一个创建桌面和移动用户界面的HTML5设计编辑工具,并同时宣布将项目捐助给开源机构Dojo基金会。 Maqetta已经是开源项目,提供WYSIWYG可视化HTML5用户界面设计功能,仅需简单的拖曳操作,支持桌面和移动用户界面。 Maqetta 应用本身用HTML5/Ajax编写,因此运行在浏览器中无需请求额外的插件或下载。用户可以下载源码,并安装在自己的服务器上,并可自定义源码来满足自己的需求,再回馈到开源项目。 Maqetta 功能如下: WYSIWYG可视化页面编辑 拖曳式移动UI设计 设计或源码浏览同步编辑 对CSS样式的深度支持马上使用 17. Builder Pro
18. ShiftEdit ShiftEdit,一款在线IDE,支持创建,编辑PHP,HTML,CSS,ruby,JavaScrip等语言,提供内置的FTP,支持实时调试语法,ShiftEdit功能还在增加中。 马上使用 19. Squad Editor
20. Cloud9 IDE
转自:http://www.open-open.com/news/view/1dc36fe
|
CopyRight 2018-2019 实验室设备网 版权所有 |