求一款web端的代码编辑器插件

Question

项目中需要用到在web网页上写代码，主要是css，HTML，js，找了好多都是富文本编辑器的代码，查了很久都没有查到有没有来源的代码编辑器插件，而不是富文本编辑器。。。
求大神告知

Answer 1

https://ace.c9.io/

https://microsoft.github.io/m...

Answer 2

vscode和sublime text个人比较喜欢这两个

Answer 3

1) Code editor - Dabblet
2) Web Code Editor – Code Any Where
3) Web Code Editor – Hyro
4) Best Code Editor - Codeita
5) Web Code Editor - Ice Coder
6) Best Web Code Editor - Coda
7) Web Code Editor - jsdo.it
8) Web Code Editor - Codemirror
9) Online Web Code Editor - Codepen
10) Web Code Editor - Brackets

1.Sublime Text

Sublime Text2是一款跨平台的编辑器，再也不用为换平台而找不到合适的、熟悉的编辑器担忧了。

Sublime Text2 是一款具有代码高亮、语法提示、自动完成且反应快速的编辑器软件，不仅具有华丽的界面，还支持插件扩展机制，用她来写代码，绝对是一种享受。

Sublime Text 2 的特色功能：

良好的扩展功能，官方称之为安装包(Package)。
右边没有滚动条，取而代之的是代码缩略图，这个功能非常赞
强大的快捷命令“可以实时搜索到相应的命令、选项、snippet 和 syntex， 按下回车就可以直接执行，减少了查找的麻烦。”
即时的文件切换。
随心所欲的跳转到任意文件的任意位置。
多重选择(Multi-Selection)功能允许在页面中同时存在多个光标。
支持 VIM 模式
支持宏，简单地说就是把操作录制下来或者自己编写命令，然后播放刚才录制的操作或者命令。
更新非常勤快
2.TopStyle5

6款能替代Dreamweaver的编码工具推荐

TopStyle 是一款 CSS 开发辅助工具，即 HTML5 / CSS3 编辑器，它专注于 HTML CSS 设计辅助，提供比较多的功能，如 CSS 代码检查等，据称 TopStyle 的帮助文件非常好，有详细的 CSS 指令，适于初次接触 CSS 的学习之用。

不过如果你想对 CSS 了如指掌，对 CSS 网页布局非常熟练，还是扔掉一切辅助软件，用记事本开发，而熟练 CSS 之后，再使用此类辅助软件，可以提高工作效率和开发速度。

TopStyle 5 在 CSS3 / HTML5 方面的增强：

CSS3 for Inspector, Insight and Style Checker
Prefixr
CSS3 Media Queries
CSS Gradient Generator
Text Shadow Generator
Improved options for Preview Files (CSS-only)
HTML5 for Inspector and Insight
HTML5-only Validator
HTML Structure Panel
Wrap HTML Tag
Image Map Editor (HTML-only)
3.Chocolat

6款能替代Dreamweaver的编码工具推荐

Chocolat是Mac系统上最新出现的一款强大的文本编辑器，兼具原生的Cocoa及强大的文本编辑功能。

Chocolat支持多种编程语言的关键字高亮显示、窗口分割、标签页、色彩主题等功能，界面和MacVim非常相似。

4.Aptana

6款能替代Dreamweaver的编码工具推荐

Aptana 是一个非常强大,开源,专注于JavaScript的Ajax开发IDE。

它的特性包括：

JavaScript,JavaScript函数,HTML,CSS语言的Code Assist功能。
Outliner(大纲)：显示JavaScript,HTML和CSS的代码结构。
支持JavaScript，HTML，CSS代码提示，包括JavaScript 自定函数
代码语法错误提示。
支持Aptana UI自定义和扩展。
支持跨平台。
支持FTP/SFTP
调试JavaScript
支持流行AJAX框架的Code Assist功能：AFLAX，Dojo，JQuery，MochiKit，Prototype，Rico，script.aculo.us，Yahoo UI，Ext。
Adobe AIR与iPhone开发工具
5.KomodoIDE

6款能替代Dreamweaver的编码工具推荐

Komodo 是一个跨平台支持多种程序语言的Integrated Development Environment （IDE）软件，目前他支持了在Windows与Linux上 ，Pythone, Ruby, Rails, Perl, HTML, CSS, and JavaScript,等的程序语言开发，以及多种程序语言语法着色。

6.Eclipse

6款能替代Dreamweaver的编码工具推荐

Eclipse是著名的跨平台的自由集成开发环境（IDE）。最初主要用来Java语言开发，但是目前亦有人通过插件使其作为其他计算机语言比如C++和Python的开发工具。

Eclipse的本身只是一个框架平台，但是众多插件的支持使得Eclipse拥有其他功能相对固定的IDE软件很难具有的灵活性。许多软件开发商以Eclipse为框架开发自己的IDE。

Eclipse的基础是富客户机平台（Rich Client Platform, 即RCP）。RCP包括下列组件：

核心平台(启动Eclipse，运行插件）
OSGi（标准集束框架）
SWT（可移植构件工具包）
JFace（文件缓冲，文本处理，文本编辑器）
Eclipse工作台（即Workbench ，包含视图（views）、编辑器（editors）、视角（perspectives）、和向导（wizards））