[HTML5]网页代码编辑器

时间:2024-02-18 17:08:52

本文介绍18款极具价值的网页代码编辑器。过两天筹备好了开始我的那个小项目,其中要用到下面的东东,觉得特别不错,特此记录下!

1.Codeanywhere

clip_image002

Codeanywhere是运行在浏览器上的代码编辑器,内嵌一个强大的FTP客户端。目前支持多数流行的网页格式(HTML、PHP、JavaScript、CSS和XML)。 Codeanywhere支持编辑多种类型的文件,集成了桌面编辑器中所有好的特征:高亮显示语法、自动填充代码、智能缩进、支持无限次的撤销和重做、无数个tabs。

2.CodeRun Studio

clip_image003

CodeRun Studio提供了一个跨平台的集成开发环境。它帮助你在浏览器上轻松开发,调试,以及部署Web应用程序。你可以通过上传已有代码给好友共享的方式来测试它的功能。

3.Cloud9ide

clip_image004

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

4.Kodingen

clip_image005

Kodingen是一种在线开发环境,在线代码编辑器,基于网页的代码编辑器。

5.Ecoder

clip_image006

Ecoder是基于网页的代码编辑器,它包含了一个文件浏览器、文件上传器、tabbed系统,支持同时编辑多个文件。这个web应用程序方便开发人员直接在线编辑代码,支持实时的语法高亮。

6.ShifEdit

clip_image007

ShifEdit提供了在线的集成开发环境,方便开发人员通过FTP、SFTP以及Dropbox来开发PHP、Ruby、Python、Perl、Java、HTML、CSS 以及JavaScript。

7.Workspace

clip_image008

clip_image009

Workspace提供了在线的开发环境,方便管理基于网页的项目。它内嵌语法高亮编辑器,提供强大的编辑功能,支持在远程服务器端编辑文本,PHP、JavaScript、HTML、Java、Perl、SQL等其它类型的文件。

8.JSFIDDLE

clip_image010

JSFIDDLE方便我们从HTML、CSS和JavaScript中编辑代码片段。支持在博客等平台上同其他人一起共享。

9.Ideone

clip_image011

Ideone是一个在线编译器和调试工具,允许我们在线编译和运行40多种编程语言。选择一种编程语言,输入源代码,在文本框中输入数据,选择是否运行代码,点击提交按钮,你就可以目睹代码的执行片段。

10.CSSDesk

clip_image013

CSSDesk是一个在线的HTML/CSS sandbox。输入你的HTML代码,调成CSS样式。你可以使用浏览器支持的任何一种HTML5或者CSS3标签。

11.Rendera

clip_image014

键入HTML代码,保持CSS样式。你可以使用浏览器中支持的任何一种HTML 5和CSS 3标签。

12.Drawter

clip_image015

Drawter是用JavaScript编写的工具,基于jQuery库。它可以运行在每个网页浏览器上,每个标签可以是绘制的一个层。

13.jsdo.

clip_image017

jsdo.是一个网站,你可以在浏览器中编写JavaScript、HTML5、CSS,并且支持共享。

14.Squad

clip_image019

Squad是一个基于网页的代码编辑器,你可以在任何地方访问它。

15.Ace

clip_image020

Ace是用JavaScript编写的独立代码编辑器,它内嵌在任何网页和JavaScript程序中,Ace是Cloud9 IDE上最主流的编辑器。

16.Amy Editor

clip_image021

Amy Editor是一款在线的源代码和文本编辑器。

17.Practicode

clip_image023

Practicode是一款在线的代码编辑器,方便你练习编写HTML、CSS、Javascript语言等等。

18.JS Bin

clip_image024

JS Bin是一个专门为JavaScript和CSS编程人员来测试片段代码,调试代码的工具。它方便你编辑,和测试JavaScript和HTML。