网站编辑培训内容(一下这些非常好用的网站，你知道几个？(组图))

　　网站编辑培训内容(一下这些非常好用的网站，你知道几个？(组图))

　　对于一些前端样式和js效果，我们非常希望将这些代码片段保存下来，分享给想要使用这些样式效果的人。好在网上已经有很多这样的网站，今天我们就盘点一下这些很有用的网站。

　　jsfiddle

　　一个较早诞生的代码片段网站，它集成了主流的js框架，需要使用的时候可以很方便的导入，还支持引入外部css链接，通过添加html、css、js代码片段分离让用户拥有非常清晰的代码结构，非常方便代码调试。

　　它支持登录功能，登录后，您可以保存和分享自己的代码片段。

　　JSRUN

　　一个运行网站的代码，支持多种编程语言，可以自己保存代码，可以运行各种常用编程语言的代码。缺点是有时需要输入验证码，有些功能需要升级vip。

　　密码笔

　　与 jsfiddle 类似，它也是一个专业的网页编辑器。它可以在三个窗口中导入js、css和管理html、js和css。登录后，您可以保存和共享代码片段。即使没有登录，您也可以使用它进行临时代码编辑和测试。

　　jsbin

　　也是一个在线代码编辑器网站，还可以编辑html、css、js代码片段，可以导入第三方库，可以导入第三方css，还可以查看控制台的输出。

　　它可以保存截图，生成模板，还支持代码包下载。

　　cssdeck

　　它提供了很多优秀的代码示例。如果你没有想法或者只是想欣赏别人的优秀代码，你可以来这里找到你想要的，类似于jsfiddle，它也支持html、js、css代码编辑，它的显示页面看起来很大，很容易上手看法。

　　它的html支持markdown和slime进行处理，它的js支持coffeescript，它的css支持sass、scss、less等。

　　小玩意儿

　　主要支持css代码块的测试，暂不支持js，代码编辑块字体调整非常方便。

　　总结

　　网上有很多类似的代码编辑器网站。有兴趣的也可以去github查看Plunker等项目的开源代码进行分析研究，搭建自己的代码片段编辑器网站。