[HTML5]网页代码编辑器

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

1.Codeanywhere

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

2.CodeRun
Studio

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

3.Cloud9ide

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

4.Kodingen

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

5.Ecoder

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

6.ShifEdit

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

7.Workspace

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

8.JSFIDDLE

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

9.Ideone

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

10.CSSDesk

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

11.Rendera

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

12.Drawter

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

13.jsdo.

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

14.Squad

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

15.Ace

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

16.Amy
Editor

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

17.Practicode

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

18.JS
Bin

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

时间: 2024-10-06 13:31:45

[HTML5]网页代码编辑器的相关文章

java代码编辑器 pdf文件预览 主流SSM 代码生成器 shrio redis websocket即时通讯

A代码编辑器,在线模版编辑,仿开发工具编辑器,pdf在线预览,文件转换编码 B 集成代码生成器 [正反双向](单表.主表.明细表.树形表,快速开发利器)+快速表单构建器 freemaker模版技术 ,0个代码不用写,生成完整的一个模块,带页面.建表sql脚本,处理类,service等完整模块 C 集成阿里巴巴数据库连接池druid  数据库连接池  阿里巴巴的 druid.Druid在监控.可扩展性.稳定性和性能方面都有明显的优势 D 集成安全权限框架shiro   Shiro 是一个用 Jav

Brackets - 强大免费的开源跨平台Web前端开发工具IDE (HTML/CSS/Javascript代码编辑器)

Brackets 是一个免费.开源且跨平台的 HTML/CSS/JavaScript 前端 WEB 集成开发环境 (IDE工具).该项目由 Adobe 创建和维护,根据MIT许可证发布,支持 Windows.Linux 以及 OS X 平台. Brackets 的特点是简约.优雅.快捷!它没有很多的视图或者面板,也没太多花哨的功能,它的核心目标是减少在开发过程中那些效率低下的重复性工作,例如浏览器刷新,修改元素的样式,搜索功能等等.和 Sublime Text.Everedit 等通用代码编辑器

当里个当,免费的HTML5连载来了《HTML5网页开发实例详解》连载(一)

读懂<HTML5网页开发实例详解>这本书 你还在用Flash嘛?帮主早不用了 乔布斯生前在公开信<Flash之我见>中预言:像HTML 5这样在移动时代中创立的新标准,将会在移动设备上获得胜利. --国际巨头Google.苹果等都支持HTML 5标准,要不要学,你看着办! BAT三巨头都偷偷用上HTML 5了 HTML 5目前在国内的发展达到了空前的高度,以BAT三大巨头互联网公司为例,他们都已经争先恐后地将HTML 5的新技术融入到现实的开发领域中了.本书的例子会涉及WebQQ.

推荐一本《HTML5网页开发实例》书,都是例子,比较好学

清华大学出版社推出的<HTML5网页开发实例详解>是一本最全的HTML 5技术书,是一本最全的HTML 5案例书,由大众点评网资深前端工程师周遥和聚划算资深前端工程师李春城联袂奉献.所有的实例和框架在这里给读者做一个预览. 1.当前天气的APP                        2.新闻阅读列表APP 3.一个网站的用户增长曲线图             4.网页中的3D效果 5.用Node.js搭建Web Server              6.销售数据图表 7.带字幕的视频

微软良心之作——Visual Studio Code 开源免费跨平台代码编辑器

微软良心之作--Visual Studio Code 开源免费跨平台代码编辑器 在 Build 2015 大会上,微软除了发布了 Microsoft Edge 浏览器和新的 Windows 10 预览版外,最大的惊喜莫过于宣布推出免费跨平台的 Visual Studio Code 编辑器了! Visual Studio Code (简称 VS Code / VSC) 是一款免费开源的现代化轻量级代码编辑器,支持语法高亮.智能代码补全.自定义热键.括号匹配.代码片段.代码对比 Diff.GIT 等

【墙裂推荐】适合高中生看的HTML5网页开发实例入门书

清华大学出版社推出的<HTML5网页开发实例详解>是一本最全的HTML 5技术书,是一本最全的HTML 5案例书,由大众点评网资深前端工程师周遥和聚划算资深前端工程师李春城联袂奉献.所有的实例和框架在这里给读者做一个预览. 1.当前天气的APP                       2.新闻阅读列表APP 3.一个网站的用户增长曲线图            4.网页中的3D效果 5.用Node.js搭建Web Server             6.销售数据图表 7.带字幕的视频播放器

读懂《HTML5网页开发实例详解》这本书

你还在用Flash嘛?帮主早不用了 乔布斯生前在公开信<Flash之我见>中预言:像HTML 5这样在移动时代中创立的新标准,将会在移动设备上获得胜利. ——国际巨头Google.苹果等都支持HTML 5标准,要不要学,你看着办! BAT三巨头都偷偷用上HTML 5了 HTML 5目前在国内的发展达到了空前的高度,以BAT三大巨头互联网公司为例,他们都已经争先恐后地将HTML 5的新技术融入到现实的开发领域中了.本书的例子会涉及WebQQ.一淘网.大众点评网等公司在HTML 5方向的技术运用情

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

20个最强的基于浏览器的在线代码编辑器,你听过或者用过吗? 1. Compilr Compilr是一个在线编译器和在线IDE.可以用它来开发PHP, C, C++, Ruby.在浏览器中编译Java, C# 和 VB.net等. 马上使用 2. Dabblet 跨浏览器兼容,对前端攻城师们来说是一个不得不处理的问题.为了在浏览器间呈现统一的显示效果,攻城师们不仅要为每个游览器添加CSS前缀,甚至还需要用到一些特殊的CSS Hack技巧.于是,jsFiddle.JSBin等前端代码的在线测试工具应

感谢各位亲们的大力支持,免费的HTML5学习课程《HTML5网页开发实例具体解释》连载已经结束了!

感谢各位亲们的大力支持,免费的HTML5学习课程<HTML5网页开发实例具体解释>连载已经结束了.  有兴趣的读者能够看我的博客,也能够看以下的链接逐个学习: 当里个当.免费的HTML5连载来了<HTML5网页开发实例具体解释>连载(一) 免费的HTML5连载来了<HTML5网页开发实例具体解释>连载(二)内容交互 免费的HTML5连载来了<HTML5网页开发实例具体解释>连载(三)DOCTYPE和字符集 免费的HTML5连载来了<HTML5网页开发实