精华内容
下载资源
问答
  • 在线代码编辑器
    千次阅读
    2020-11-27 16:24:48

    前言

    有时候需要经常写一些测试代码或示例,然后将这些代码分享给他人,少量的代码通过GitHub分享有点大材小用,而且他人要从GitHub上fork代码后,在本地用IDE打开,然后安装依赖、运行,这个步骤过于繁琐。

    因此使用在线代码编辑器就能解决上面说到的问题,

    CodeSandbox介绍

    我用过几个在线代码编辑器,如知名的CodePen,Jsfilddle和Jsbin也有使用过,对比起来,还是CodeSandbox比较好用。

    CodeSandbox是一个为 Web 应用程序开发而构建的在线编辑器。

    使用它绝对能满足你在线代码编辑的要求,我想唯一问题就是,访问它比较慢,因为它是国外的。当然如果你会科学上网,这都不是问题。

    多种模板代码选择

    下图是官方创建Sandbox的页面,可以看出它不仅支持JavaScript三大主流框架。
    在这里插入图片描述

    VSCode一致体验

    CodeSandbox 的代码编辑器是基于 Monaco 的,而 Monaco 是为 VSCode 的提供支持的代码编辑器。相当于他们有同一个爹。

    CodeSandbox 后面的发展很多地方参考了 VSCode,在 V2.5 -> v3.0 加入了能直接导入 VSCode 的主题和设置的功能,基本上能获得非常接近于本地浏览器的体验。

    下图就是CodeSandbox编辑代码页面,是不是和VSCode非常相似。
    在这里插入图片描述

    运行Node容器

    还能再浏览器上运行后台服务,是不是算个黑科技。

    CodeSandbox示例

    在这里我分享一个非常简单的示例

    更多相关内容
  • 20个最强的基于浏览器的在线代码编辑器 1. Compilr Compilr是一个在线编译器和在线IDE。可以用它来开发PHP, C, C++, Ruby。在浏览器中编译Java, C# 和 VB.net等。 马上使用 2. Dabblet 跨浏览器兼容,对前端...

    20个最强的基于浏览器的在线代码编辑器

    1. Compilr

    20个最强的基于浏览器的在线代码编辑器
    Compilr是一个在线编译器和在线IDE。可以用它来开发PHP, C, C++, Ruby。在浏览器中编译Java, C# 和 VB.net等。
     
    马上使用 
     

    2. Dabblet

    20个最强的基于浏览器的在线代码编辑器
    跨浏览器兼容,对前端攻城师们来说是一个不得不处理的问题。为了在浏览器间呈现统一的显示效果,攻城师们不仅要为每个游览器添加CSS前缀,甚至还需要用到一些特殊的CSS Hack技巧。于是,jsFiddle、JSBin等前端代码的在线测试工具应运而生。然而,使用jsFiddle仍有很多不便之处。为了解决这个问题,前端攻城师Lea Verou自己动手,开发了一个名为Dabblet的HTML和CSS代码段在线测试工具。
     
    马上使用 
     

    3. jsdo.it

    20个最强的基于浏览器的在线代码编辑器
     
    马上使用 
     

    4. Thimble, by Mozilla

    20个最强的基于浏览器的在线代码编辑器

    Firefox 浏览器背后的非营利性组织Mozilla 刚刚宣布推出了一个名为Thimble 的HTML/CSS在线交互式学习网站,该站是Mozilla 新近推出的Webmaker计划 的组成部分,旨在帮助普通用户在线学习编写HTML和CSS。

    Thimble 提供的是双面板设计,左侧为带语法高亮的代码编辑,右侧可实时预览网页效果,如果用户对效果满意,可通过右上方的蓝色 “Publish” 按钮一键发布,还可通过提供的Twitter 发布按钮与好友分享你的设计成果。
     
    马上使用 
     

    5. Jsfiddle

    20个最强的基于浏览器的在线代码编辑器
    jsFiddle是一个在线的shell编辑器,通过流行的JS框架创建自定义的环境,以简化JS代码。可以用于测试示例代码。

    不仅如此,你还可以添加一个Ajax echo后端,并且通过一系列的JavaScript框架自动载入资源,如MooTools, jQuery, Dojo, Prototype, YUI, Glow,Vanilla等。

    还有一个重要特性就是能够保存和分享一个unique URL generated代码,jsFiddle还有一个嵌入的功能。

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

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


    马上使用 
     

    6. CodeMirror

    20个最强的基于浏览器的在线代码编辑器

    又一款“Online Source Editor”,基于Javascript,短小精悍,实时在线代码高亮显示,他不是某个富文本编辑器的附属产品,他是许多大名鼎鼎的在线代码编辑器的基础库。

    可以看出,CodeMirror的作者是一个十分向往自由的人。但他的CodeMirror绝对不简单,看看下面这份清单:

    上述的这些在线代码编辑器都是基于CodeMirror的,是不是感到惊讶,里面有你熟悉的JS Library。

    CodeMirror本身的定位也很明确,短小精悍,但代码质量很高,在Google Group的群里面,人们热烈的进行着用CodeMirror做各式各样改造的讨论,可见对他的欢迎。以下有各种不同语言的Demo演示:

    假如你有项目需要在线代码编辑,还等什么?CodeMirror,绝对是你最好的选择。


    马上使用 
     

    7. eXo Cloude IDE

    20个最强的基于浏览器的在线代码编辑器
     应用程序开发也在转向云。eXo开发了一个平台即服务(PaaS),成为eXo Cloud IDE。这个IDE可以方便地在云上面部署Java应用程序。代码存在于云中,可以通过互联网进行访问。因此,将一个应用程序从开发阶段转向生产阶段的速度可以更快。

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


     
    马上使用 
     

    8. JS Bin

    20个最强的基于浏览器的在线代码编辑器

    JSBin 是一个 Web 应用,主要用于帮助测试 JavaScript 和 CSS 的代码片段。功能与 jsFiddle 网站一致。
     
    马上使用 
     

    9. CodeRun

    20个最强的基于浏览器的在线代码编辑器
      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

    20个最强的基于浏览器的在线代码编辑器
    ecoder是一个基于Web的代码编辑器,采用PHP和JavaScript开发。它包括:实时语法加亮,一个文件浏览器,一个文件上传器和一个标签系统能够实现直接在服务器上同时编辑多个文件。 
     
    马上使用 
     

    11. Kodingen

    20个最强的基于浏览器的在线代码编辑器
       kodingen在线云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

    20个最强的基于浏览器的在线代码编辑器

    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

    20个最强的基于浏览器的在线代码编辑器
    Codeanywhere is a code editor in a browser with an integrated ftp client, and all popular web formats are supported (HTML, PHP, JavaScript, CSS, and XML.
     
    马上使用 
     

    14. Codeita

    20个最强的基于浏览器的在线代码编辑器
    CodeRun - 一个免费的,跨平台的基于浏览器的IDE是一个自由和开放源码基于Web的IDE,它采用了原生支持C#/。净额(3.5),PHP的(5.1),JavaScript,HTML和CSS的。 C#中支持包括ASP.NET中,WCF中,浏览器的Silverlight和WPF应用程序开发和部署。数据库支持包括SQL Server 2005和亚马逊SimpleDB的。 
    语法着色和代码完成的功能,帮助您在开发过程中。它还具有一个在线调试器,允许您设置断点,通过您的代码的步骤,检查调用栈,调试和其他行动。 
    你可以或者使用作为您的桌面IDE中,完全取代了功能丰富和强大的CodeRun或者你可以用它来上传现有的代码和测试在云端,或与您的同行分享。
     
    马上使用 
     

    15. Drawter

    20个最强的基于浏览器的在线代码编辑器
    Drawter是一个基于Web的编辑器(写在JavaScript和jQuery库为基础),有不少字面上可以请你网站的代码与每个标记,作为一个你画层提出。 
    目前Drawter是在Pro版本(它仍然是免费的),这意味着对HTML和CSS知识是必不可少的。该Drawters发展的未来目标是建立一个业余的版本,这将允许您绘制没有任何HTML或CSS的知识是什么,这样的一次您的网站。留意其今年推出一段时间。
     
    马上使用 
     

    16. Maqetta

    20个最强的基于浏览器的在线代码编辑器

    Maqetta,一个创建桌面和移动用户界面的HTML5设计编辑工具,并同时宣布将项目捐助给开源机构Dojo基金会。

    Maqetta已经是开源项目,提供WYSIWYG可视化HTML5用户界面设计功能,仅需简单的拖曳操作,支持桌面和移动用户界面。

    Maqetta 应用本身用HTML5/Ajax编写,因此运行在浏览器中无需请求额外的插件或下载。用户可以下载源码,并安装在自己的服务器上,并可自定义源码来满足自己的需求,再回馈到开源项目。

    Maqetta 功能如下:

    • WYSIWYG可视化页面编辑    
    • 拖曳式移动UI设计   
    • 设计或源码浏览同步编辑  
    • 对CSS样式的深度支持  

    马上使用 
     

    17. Builder Pro

    20个最强的基于浏览器的在线代码编辑器
    BuildorPro使用可视化,代码编辑器,调试工具来供了一个非常灵活的方法创建和管理你的网站的设计和商标。BuildorPro你可以使用可视化控制,提高您的设计过程,同时保持完全的控制权代码本身。 


    马上使用 
     

    18. ShiftEdit

    20个最强的基于浏览器的在线代码编辑器

     ShiftEdit,一款在线IDE,支持创建,编辑PHP,HTML,CSS,ruby,JavaScrip等语言,提供内置的FTP,支持实时调试语法,ShiftEdit功能还在增加中。


    马上使用 
     

    19. Squad Editor

    20个最强的基于浏览器的在线代码编辑器
    Squad是一个基于网页的代码编辑器,可相互协作,你可以在任何地方访问它。
     
    马上使用 
     

    20. Cloud9 IDE

    20个最强的基于浏览器的在线代码编辑器 
    Cloud9利用了云技术,运行在浏览器中,允许你随时随地运行、调试和部署应用程序。一个完整的game-changer会永久性的改变应用程序的开发方式。Cloud 9可以让你集中精力编程,不用顾及到搭建环境等琐事中。
      
    马上使用 

    本文转载自:http://www.open-open.com/news/view/1dc36fe/

    展开全文
  • ace.js实现一个在线代码编辑器

    千次阅读 2020-05-21 22:07:37
    Table of Contents 背景 ACE简介: ...因此需要引入一个在线代码编辑器。效果如下: ACE简介: ACE是一个开源的、独立的、基于浏览器的代码编辑器,可以嵌入到任何web页面或JavaScript应用...

    背景

    ACE简介:

    功能实现

    1、引入js

             2、添加控件

    3、初始化组件

    4、保存时代码语法检测 

    5、效果图:

    6、官网在线测试: 

    7、遇到的一些问题:


    背景

          项目需要,在一些场景,用户需要手动编写一些js脚本来实现自己的功能;前期一直用文本框显示,不便于编辑和查看。因此需要引入一个在线代码编辑器。效果如下:

             

    ACE简介:

            ACE是一个开源的、独立的、基于浏览器的代码编辑器,可以嵌入到任何web页面或JavaScript应用程序中。ACE支持超过40种语言语法高亮,缩进,代码提示功能且具有大量的主题;并能够处理代码多达404万行的大型文档。ACE开发团队称,ACE在性能和功能上可以媲美本地代码编辑器(如SublimeText、TextMate和Vim等)。

    官方网址:https://ace.c9.io
    Github地址:https://github.com/ajaxorg/ace

    支持语言:java、javascript、json、jsp、markdown、mysql、nginx...

    功能实现

    1、引入js

       方式一:下载源码   

      下载地址1:https://github.com/ajaxorg/ace-builds/

    <!-- 代码编辑ace.js  本地-->
    <script src="../js/ace/src-min/ace.js" type="text/javascript"></script>	
    <script src="../js/ace/src-min/ext-language_tools.js" type="text/javascript"></script>	
    

    方式二: 引用在线的  

    bootstrap中文网提供的cdn服务;http://www.bootcdn.cn/

    <!-- 代码编辑ace.js   远程  -->
     <script src="http://cdn.bootcss.com/ace/1.2.4/ace.js"></script>
     <script src="http://cdn.bootcss.com/ace/1.2.4/ext-language_tools.js"></script>

     

    2、添加控件

    <pre id="codeEditor" class="ace_editor" style="min-height:320px">
     <s:textarea class="ace_text-input"   cssStyle="width:97.5%;height:320px;"/>
    </pre>

    3、初始化组件

    //初始化代码编辑器
    	function initEditor(){
    		//获取控件   id :codeEditor
    		editor = ace.edit("codeEditor");
    		//设置风格和语言(更多风格和语言,请到github上相应目录查看)
    		theme = "monokai";
    		//theme = "terminal";
    		//语言
    		language = "javascript";
    		editor.setTheme("ace/theme/" + theme);
    		editor.session.setMode("ace/mode/" + language);
    		//字体大小
    		editor.setFontSize(15);
    		//设置只读(true时只读,用于展示代码)
    		editor.setReadOnly(false);
    		//自动换行,设置为off关闭
    		editor.setOption("wrap", "free");
    		//启用提示菜单
    		ace.require("ace/ext/language_tools");
    		editor.setOptions({
    			enableBasicAutocompletion: true,
    			enableSnippets: true,
    			enableLiveAutocompletion: true
    		});
    	}

    4、保存时代码语法检测 

    (正常情况下,输入的代码存在语法错误时会有红色叉号提示;由于本项目中的代码会多达几百行,所以,在保存时需要获取一下编辑的的语法校验结果,存在异常时给出提示。)

            
    //获取编辑器中语法校验的结果
    var annotations = editor.getSession().getAnnotations();
    //错误
    var error="";
    var errorNum=0;
    //警告
    var warning="";
    var warningNum=0;
    //遍历结果 记录提示信息
    for(var aid = 0, alen = annotations.length; aid < alen; ++aid) {
    	var row=annotations[aid].row+1;
    	//存在错误 必须修改
    	if(annotations[aid].type === 'error') {
    	    var txt=" 行:"+row+";列:"+annotations[aid].column+";  提示:"+annotations[aid].text;
    		error+=txt+"<br>";
    		errorNum++;
    	}
    	//存在警告 可以不修改
    	if(annotations[aid].type === 'warning'||annotations[aid].type === 'info') {
    		var txt=" 行:"+row+";列:"+annotations[aid].column+";  提示 : "+annotations[aid].text;
    		warning+=txt+"<br>";
    		warningNum++;
    	}
    }
    //存在错误 必须修改
    if( error!="") {
    	
    			
    }else {
    //存在警告 可以不修改
    if(warning!="") {
    			 
    	} 
            }

    5、效果图:

       存在语法错误时(当语法存在错误时,会有红色叉号或黄色叹号,把鼠标放上去会显示提示信息):   

     

     正常时:

    在线效果可参考: https://www.w3cschool.cn/tryrun/runcode?lang=javascript

    6、官网在线测试: 

    https://ace.c9.io/build/kitchen-sink.html

    基本所有的效果都可以在这测试,很方便。

    7、遇到的一些问题:

     1、可校验错误数默认为50个;当超过100多行时或者错误过多少时,之后的代码无法校验语法。所以下载了源码,源码中的错误检测数量(只是js其他的不清楚)。这里js的语法校验时引用了另一个插件 jshint插件;在引用时会有个初始化,初始化里有个参数是maxerr 由默认的50改为10000。  https://www.w3cschool.cn/tryrun/runcode?lang=javascript 也存在这个问题。

    展开全文
  • 变一般软件开发中必备的一样工具就是代码编辑器。传统的代码编辑器一般都是以软件安装包的形式安装到电脑里面,代码编辑保存后一般也是通过ftp或者svn等工具提交到服务器的(当然,像.NET开发中Microsoft Visual ...

    变一般软件开发中必备的一样工具就是代码编辑器。传统的代码编辑器一般都是以软件安装包的形式安装到电脑里面,代码编辑保存后一般也是通过ftp或者svn等工具提交到服务器的(当然,像.NET开发中Microsoft Visual Studio这样强大的集成工具另说了。)。

    在实际的项目开发中这样的方式也是挺便捷的。但是,随着各种云服务的兴起,云存储时代几乎已经是大势所趋了。个人或者小公司搭建一个类似的服务自然代价不菲。这时候利用一些现有的在线代码编辑器,可以为你的项目进度和日常学习带来很大的帮助。特别是一些开源项目的代码维护和分享。

    5个程序员最喜欢的HTML和CSS代码在线编辑器

    今天给大家带来的就是10个程序员最喜欢的在线代码编辑器。包括HTML,CSS、JavaScriptPHP、Python 、Ruby on Rails和C/C++等。具体的大家可以自己去官方网站详细了解。

    当然,另外的也有一些你可能会喜欢的:

    好了,废话不多说。来看看具体都有哪些在线代码编辑器。或许有一些你应该会比较熟悉。

    1. CodePe

    CodePen编辑器

    CodePen是我最喜欢的代码编辑器之一。 CodePen有一些炫酷而独特的功能,这使得它成为Web开发中最流行的在线代码编辑器之一。

    CodePen的特点是:

    • 实时预览HTML,CSS和JavaScript
    • 您可以使用预处理程序的语法像Sass, LESS, Stylus. Markdown, Haml, Slim, Jade
    • 使用CodePen组合展示才华和设计自己的组合主页。
    • 您可以使用Hire Me(聘用我)功能服务找到兼职工作。
    • 任何资源都可以嵌入在任何其他网站。

    Dabblet

    Dabblet编辑器

    Dabblet的界面十分简洁,操作起来并不复杂,特别适合新手和想尝试最新HTML5标签和CSS3样式的前端攻城师使用。Dabblet的一大特色是代码编写时可免加CSS前缀。因为,Lea Verou(工具的作者)本人就是免CSS前缀JavaScript脚本 -prefix-free的作者,Dabblet拥有此功能当然是顺理成章的事。HTML和CSS代码间的切换也很方便,点击隐藏工具栏右上方的标签即可。用户可以根据习惯,调整前端代码的预览效果,浏览器内全屏预览将新标签页中打开。

    Dabblet支持用Github帐号登录,测试的代码段既可以匿名保存也可以保存在用户的Github:gist中,以便用户将代码段嵌入自己的站点或是进一步分享给其他人。

    Thimble

    Thimble编辑器

    Mozilla 推出 的HTML/CSS 在线交互式学习网站 Thimble:左侧编辑,右侧实时预览,带有大量真实案例。该站是 Mozilla 新近推出的 Webmaker 计划 的组成部分,旨在帮助普通用户在线学习编写 HTML 和 CSS。

    Thimble 提供的是双面板设计, 左侧为带语法高亮的代码编辑,右侧可实时预览 网页效果, 如果用户对效果满意, 可通过右上方的蓝色 “Publish” 按钮一键发布, 还可通过提供的 Twitter 发布按钮与好友分享你的设计成果。

    JSFiddle

    JSFiddle编辑器

    JSFiddle是一个老牌的在线JavaScript代码调试工具。支持JavaScript、CSS、HTML代码可视化在线调试工具,支持多种应用多种主流框架,用起来非常方便,而且还可以将调试好的结果以非常简洁的页面直接嵌其他网页里。

    除了可以调试代码外,还可以方便的发布到社区,论坛或者社交媒体上与朋友们分享或者提问。整合了很多的不同的类库供大家选择。

    CSSDesk

    cssgesk

    CSSDesk工具是一个标准的CSS沙盒,可以给予CSS初学者最大的帮助,网站分成三栏,我们可以非常方便的通过在左侧实时修改代码来查看某个CSS属性的改变给HTML元素带来的影响,甚至我们可以把整个网站都放到其中来进行调试,并将调试完成的文件保存为HTMl。唯一的遗憾是缺少代码提示,需要手工输入CSS属性。

    CodeMirror

    CodeMirror在线编辑器

    又一款“Online Source Editor”,基于Javascript,短小精悍,实时在线代码高亮显示,他不是某个富文本编辑器的附属产品,他是许多大名鼎鼎的在线代码编辑器的基础库。

    可以看出,CodeMirror的作者是一个十分向往自由的人。但他的CodeMirror绝对不简单,看看下面这份清单:

    上述的这些在线代码编辑器都是基于CodeMirror的,是不是感到惊讶,里面有你熟悉的JS Library。

    CodeMirror本身的定位也很明确,短小精悍,但代码质量很高,在Google Group的群里面,人们热烈的进行着用CodeMirror做各式各样改造的讨论,可见对他的欢迎。

    假如你有项目需要在线代码编辑,还等什么?CodeMirror,绝对是你最好的选择。

    JS Bin

    JS Bin在线编辑器

    JSBin 是一个 Web 应用,主要用于帮助测试 JavaScript 和 CSS 的代码片段。功能与 jsFiddle 网站一致。

    eCoder

    eCoder在线编辑器

    ecoder是一个基于Web的代码编辑器,采用PHP和JavaScript开发。它包括:实时语法加亮,一个文件浏览器,一个文件上传器和一个标签系统能够实现直接在服务器上同时编辑多个文件。

    Codeanywhere

    Codeanywhere在线编辑器

    Codeanywhere是一个在线的代码编辑器,你可以在浏览器中编写html、css、javascript、php、XML的代码,目前支持chrome、firefox、Opera、Safari、IE,当然也可以在android、iphone上安装codeanywhere的软件。

    Codeanywhere的特点是:随时随地可以写代码(虽然我认为手机上写代码有点搞笑)。

    Codeanywhere支持连接FTP Server、Dropbox、Github,比如Dropbox,你只要有一个账号,连上Dropbox后,Codeanywhere能够在Dropbox上创建html等文件,你写的代码都存放在Dropbox上了。

    Cloud9 IDE

    Cloud9 IDE在线编辑器

    Cloud9 IDE是一个用来测试运行Node.js 和 JavaScript平台,但也支持Python, Ruby和 Apache+PHP的应用程序,例如Wordpress。前几天分享了支持Node.js、Python、Go、Rails等程序语言的Nitrous.io空间,很快有朋友给部落写邮件,告知Cloud9可以比Nitrous.io更长久地运行应用实例。

    Cloud9支持的程序语言有Node.js、HTML5、PHP、Python / Django、Ruby on Rails、C/C++、StrongLoop,提供FTP、S-S-H和空间托管,有MysqL、MongoDB、SQLite数据库,可以一键安装Wordpress,也可以自己上传程序代码,支持协同编辑合作,另外可以和其它的云空间整合。

    Cloud9支持将代码一键发布到Heroku、Windows Azure、Google App Engine、CloudFoundry等云空间上,还可以同步应用到Github空间上,总之,除了Cloud9空间不支持绑定自己的域名、无法永久保持应用在线外,Cloud9空间用来测试程序和代码还是不错的。

    注:部分内容参考自Best Online HTML and CSS Code Editor For Web Developers。有个别编辑器网站可能需要VPN翻墙才能打开。有需要的可以自己去看看红杏插件

    最后小编还准备了彩蛋哦~

    给大家一份免费的C语言学习课程,赶紧来领取吧!

     

    展开全文
  • 20款优秀的基于浏览器的在线代码编辑器 1. Compilr Compilr是一个在线编译器和在线IDE。可以用它来开发PHP, C, C++, Ruby。在浏览器中编译Java, C# 和 VB.net等。马上使用 2. Dabblet 跨浏览器兼容,对前端攻城...
  • 在本文中,我们将介绍排名靠前的5个Python IDE和5个Python文本编辑器。...您将在这里学到什么:热门Python IDE和文本编辑器的比较PyCharmSpyderPyDevIDLEWing最佳Python代码编辑器Sublime TextAtomVimVi...
  • 在线代码编辑器   在线编辑各种文本形式的源代码,如js,html,php等,要支持语法高亮,即时输入即时高亮。  我的初步想法是用一个 contenteditable>来实现,就是类似于常见的在线网页编辑器,但是因为仅仅是...
  • vue-monaco-editor Monaco Editor Vue Component Based off React Monaco Editor Setup npminstallvue-monaco-editor--save Simple Vue Use ...importMonacoEditorfrom'vue-monaco-edito...
  • 在线代码编辑器

    千次阅读 2018-06-21 20:23:35
    https://www.cdolivet.com/editarea/editarea/exemples/exemple_full.html
  • 使用 CodeMirror 打造在线代码编辑器

    万次阅读 2019-03-12 18:40:10
    写这个的目的是因为之前项目里用到过 CodeMirror,觉得作为一款在线代码编辑器还是不错,也看到过有些网站用到过在线代码编辑,当然我不知道他们是用什么做的,这里我把公司项目里用到的那部分抽出来,单独写篇博客...
  • 前提写这个的目的是因为之前项目里用到过 CodeMirror,觉得作为一款在线代码编辑器还是不错,也看到过有些网站用到过在线代码编辑,当然我不知道他们是用什么做的,这里我把公司项目里用到的那部分抽出来,单独写篇...
  • 分享一个好用的Python在线编辑器

    千次阅读 2022-05-13 16:05:09
    需求 有小伙伴可能听说过 PyScript,知道...这里我们要推荐的是一个在线工具,也是支持Python代码的执行,一个在线的Python代码编辑器 Python在线编辑器地址:https://lwebapp.com/zh/python-playground 如何使用 Py
  • CodeMIrror.js在线代码编辑器简单使用

    千次阅读 2019-09-03 23:19:43
    代码高亮是程序员的刚需,不管是在笔记...CodeMirror 是一款在线的支持语法高亮的代码编辑器。 codeMirror可以直接在官网下载:http://codemirror.net/ 下载文件中,我们需要的是 lib 下的 codemirror.js 和 codemi...
  • vue-codemirror—基于vue的代码在线编辑

    千次阅读 2021-11-12 17:26:19
    CodeMirror(下面简称为cm)是一款基于JavaScript、面向语言的前端代码编辑器。它支持开箱即用,自带了超过100种语言的库,同时还有很多附加功能,目前得到了jetbrains等公司的支持。在这个分类下,能够与cm并驾齐驱...
  • 效果如下: 插件链接:Unity编辑器中编辑代码插件链接
  • docker 搭建在线vscode编辑器

    万次阅读 2022-03-23 22:40:13
    code浏览器实现,可以让你随时随地的写代码,只要打开浏览器就可以进入到工作环境,将代码放在云端十分方便。 ### 安装流程 只需要在docker环境下安装即可,输入如下命令安装即可,第一次安装会慢一点。 docker...
  • 十种常用代码编辑器

    千次阅读 2021-11-06 19:37:09
    1.vs code 微软推出的轻量级代码编译器,是本人使用最多的编译器(主要是好玩的插件多),支持几乎所有主流的开发语言的语法高亮、智能代码补全、自定义热键、括号匹配、代码片段、代码对比 Diff、GIT 等特性,支持插件...
  • 推荐两个前端代码在线编辑器 单文件在线编辑器:https://codepen.io/pen/ 项目级在线编辑器:https://codesandbox.io/ 单文件在线编辑器 相信使用 element-ui组件库的小伙伴应该知道 codepen在线编辑器,因为element...
  • 十种常见的代码编辑器

    千次阅读 2021-10-14 18:57:26
    微软推出的轻量级代码编译器,是本人使用最多的编译器(主要是好玩的插件多),支持几乎所有主流的开发语言的语法高亮、智能代码补全、自定义热键、括号匹配、代码片段、代码对比 Diff、GIT 等特性,支持插件扩展,并...
  • 有了Dreamweaver,Coda,Textmate等专业代码编辑器,不足为奇的是,越来越多的人已经部分地忘记了诸如Window的记事本之类的简单代码编辑器。 我们确实知道,简单并不意味着最好的选择,但是,有一些更简单但专业的...
  • 推荐 5 款牛逼的代码编辑器

    万次阅读 2021-02-12 09:03:43
    来源:oschinaoschina.net/news/110987/no-notepad-plus-plus1、Sublime Text (非开源)Sublime Text 是一个轻量、简洁、高效、跨平台的编辑器。Sublime Text的特色功能:良好的扩展功能,官方称之为安装包(Package)...
  • 纯HTML5拓扑图编辑器代码

    千次下载 热门讨论 2015-04-07 23:39:38
    屌爆的纯HTML5拓扑图编辑器代码,找了很久终于申请到,运行就是这个效果 http://www.hightopo.com/blog/wp-content/uploads/2014/08/Screen-Shot-2014-08-12-at-8.57.11-PM.png 可参考这篇博客 ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 1,017,448
精华内容 406,979
关键字:

在线代码编辑器

友情链接: MSP430F11x2_C.rar