使用在線編輯器的好處:css
I 提供各類在線JS或css框架前端
II 實時預覽代碼效果框架
III 線上保存代碼編輯器
IIII 可分享 工具
下面推薦幾款很不錯的在線前端編輯器spa
1.jsfiddle.net
界面簡潔 支持登陸保存代碼 但不能實時預覽 支持emmet3d
Demo:http://jsfiddle.net/m/rdb/code
2.jsbinblog
可登陸保存代碼 fork代碼 可實時預覽 支持emmet 我的感受界面不是太友好
Demo:http://jsbin.com/sewola/4
3.dabblet
這個比較簡陋 但它的快速實時預覽和全屏預覽很贊;
Dome:http://dabblet.com/gist/5fbc21694b8664abffb8
4.codepen
這個應該是目前最強大的前端在線編輯器 其實已是一個系統了 用戶的關注 發佈效果 fork代碼 並且支持haml scss 在編輯的時候你能夠任意選擇和組合你想要的工具
Demo:http://codepen.io/leinov/pen/Fvfnc
5.runJs
這是國內一個很讚的在線編輯器