几款在线代码编辑器初体验

烦恼于本地demo管理不便，于是初步体验了几款在线代码编辑器：dabblet ，jsfiddle，runjs，codepen，jsbin。

特点总结：云储存，环境齐全，社区分享好伙伴

dabblet：

 

特点：

1.  css功能强大，编辑器外观和切换效果本身就给使用者直观舒适的感觉，

    上方工具栏左二可设置区域布局，字体大小等。

2. HTML/CSS编码区右上check按钮自动跳转至validator进行验证

缺点：

1.不支持emmet输入；2.错误显示不明确；3.对环境支持差。

总结：适合CSS调试

jsfiddle：

特点：

1.支持emmet输入2.TidyUp代码整理，一键解决混乱代码

3.JSHint JS验证4.提供Ajax echo API(貌似Frameworks & Extensions需调至mootools）

5.JS框架齐全

缺点：不支持全屏预览，功能跟倾向于JS

总结：适合HTML，JS在线调试

jsbin：

特点：1.界面简洁2.框架支持较jsfiddle齐全

 3.语言支持超齐全（各编码区左上角可选择）可选择Markdown,Jade,Less,Sass,Coffee等等

 4.可选择打包下载至本地5.可全屏预览

总结：强烈推荐

codepen：

特点：1.社区化，有很多不错的效果可以在http://codepen.io/上直接查看，支持编辑代码

 2.语言支持Markdown，jade，Less，Sass，Coffee，(Haml，Slim)点击编码区语言旁设置按钮设置

 3.个人觉得实时预览效果很不错，同时支持全屏预览（登录后才可使用，edit按钮下选择）

 4.支持emmet

总结：强烈推荐

runjs：是的，中文的。使用CodeMirror构建

特点：1.非常强大的库支持

  2.文件管理方便

3.中文社区，支持用户开发插件，提供插件API

4.提供Echo接口（帮助里可见相关说明）

另：还有更多在线编辑器http://www.open-open.com/news/view/1dc36fe