推荐一款颜值很高的在线代码运行工具WebMaker，如上图所示,UI精美简洁，功能缺不少，大概罗列下官网所说的支持的一些功能。

脱机离线使用

官网提供了Chrome插件，下载安装后即可在无网络的环境下使用，但是如果有引用一些网络的库的是不行的，没网络还是无法加载的。

由于国内被墙，大家可以点我去下载

预处理器支持

如官网所说的，无论是Markdown，Jade，SCSS，LESS，Atomic CSS，JSX，CoffeeScript还是TypeScript，都能够很好的支持。

快速添加库

点击Add library，搜索你想要添加的任何库

多种布局

多种布局形式，挑个你喜欢的吧。

快速预览截图

想要快速生成一张代码图片？WebMaker支持快速截图，点击右下角的相机按钮即可。

自己测试下，发现点了不管用，不知道什么原因，其他朋友可以试试。

Codepen分享

写完的代码怎能没有分享呢，WebMaker本身是不支持代码分享的，但是它提供了一个在Codepen中打开的功能。
点击右下角的Codepen按钮图标即可在Codepen中打开，然后随意分享你的代码吧。

代码保存

这里我们可以选择GitHub方式登录，比较后两者在国内都被墙了。

登录完成后你的代码都可以保存在My Library中，点击右上角的Open按钮即可查看My Library，也可以将My Library中的东西导入导出。

总结

个人感觉还是一款挺不错的在线代码运行工具，而且不需要fanqiang即可使用，
相对于jsfiddle，jsfiddle也很好用，但是需要fanqiang才能使用，所以国内情况基本用不了，
codepen虽然也挺好，但是我不太喜欢它的编辑器，感觉很难用，平时分享的可以使用codepen，
所以可以配合WebMaker和codepen进行在线代码的编写和分享无缝合作，感觉很完美。