在线编辑器

5款非常好用的前端在线编辑器推荐

 

使用在线编辑器的好处:

I     提供各种在线JS或css框架

II    实时预览代码效果

III   线上保存代码

IIII  可分享

 

下面推荐几款很不错的在线前端编辑器

1.jsfiddle

界面简洁 支持登录保存代码 但不能实时预览 支持emmet

Demo:http://jsfiddle.net/m/rdb/

在线编辑器_第1张图片

 

2.jsbin

可登录保存代码 fork代码 可实时预览 支持emmet 个人感觉界面不是太友好

Demo:http://jsbin.com/sewola/4

在线编辑器_第2张图片

 

 

3.dabblet

这个比较简陋 但它的快速实时预览和全屏预览很赞;

Dome:http://dabblet.com/gist/5fbc21694b8664abffb8

在线编辑器_第3张图片

 

4.codepen

这个应该是目前最强大的前端在线编辑器 其实已经是一个系统了 用户的关注 发布效果 fork代码 而且支持haml scss 在编辑的时候你可以任意选择和组合你想要的工具
Demo:http://codepen.io/leinov/pen/Fvfnc

在线编辑器_第4张图片

 

5.runJs

这是国内一个很赞的在线编辑器

在线编辑器_第5张图片

 

 
分类:  demo
标签:  工具前端

你可能感兴趣的:(前端,工具)