CodeMirror,codemirror( 四 )


网页截图插件-FireShot可以实现各种截图功能,包括截取整个页面、捕获选定区域、捕获可见部分等等 。对于网页截图而言你可以摆脱Windows自带的截图功能或者第三方的截图工具了 。云盘万能钥匙这个嘛就是“懒人工具”了,它可以帮你自动提取并填充百度网盘的提取码,省去你每次手动输入的烦恼 。当然了,还有许多神奇的拓展插件的,譬如新标签页插件-Infinity、印象笔记裁剪、谷歌学术搜索等等 。
能否推荐几个好用的javascript在线编译工具?
1. CodePenCodePen是我最喜欢的代码编辑器之一 。CodePen有一些炫酷而独特的功能,这使得它成为Web开发中最流行的在线代码编辑器之一 。CodePen的特点是:实时预览HTML,CSS和JavaScript您可以使用预处理程序的语法像Sass, LESS, Stylus. Markdown, Haml, Slim, Jade使用CodePen组合展示才华和设计自己的组合主页 。
您可以使用Hire Me(聘用我)功能服务找到兼职工作 。任何资源都可以嵌入在任何其他网站 。2.DabbletDabblet的界面十分简洁,操作起来并不复杂,特别适合新手和想尝试最新HTML5标签和CSS3样式的前端攻城师使用 。Dabblet的一大特色是代码编写时可免加CSS前缀 。因为,Lea Verou(工具的作者)本人就是免CSS前缀JavaScript脚本 -prefix-free的作者,Dabblet拥有此功能当然是顺理成章的事 。
HTML和CSS代码间的切换也很方便,点击隐藏工具栏右上方的标签即可 。用户可以根据习惯,调整前端代码的预览效果,浏览器内全屏预览将新标签页中打开 。Dabblet支持用Github帐号登录,测试的代码段既可以匿名保存也可以保存在用户的Github:gist中,以便用户将代码段嵌入自己的站点或是进一步分享给其他人 。
3.ThimbleMozilla 推出 的HTML/CSS 在线交互式学习网站 Thimble:左侧编辑,右侧实时预览,带有大量真实案例 。该站是 Mozilla 新近推出的 Webmaker 计划 的组成部分,旨在帮助普通用户在线学习编写 HTML 和 CSS 。Thimble 提供的是双面板设计,左侧为带语法高亮的代码编辑,右侧可实时预览 网页效果,如果用户对效果满意,可通过右上方的蓝色 “Publish” 按钮一键发布,还可通过提供的 Twitter 发布按钮与好友分享你的设计成果 。
4.JSFiddleJSFiddle是一个老牌的在线JavaScript代码调试工具 。支持JavaScript、CSS、HTML代码可视化在线调试工具,支持多种应用多种主流框架,用起来非常方便,而且还可以将调试好的结果以非常简洁的页面直接嵌其他网页里 。除了可以调试代码外,还可以方便的发布到社区,论坛或者社交媒体上与朋友们分享或者提问 。
整合了很多的不同的类库供大家选择 。5.CSSDeskCSSDesk工具是一个标准的CSS沙盒,可以给予CSS初学者最大的帮助,网站分成三栏,我们可以非常方便的通过在左侧实时修改代码来查看某个CSS属性的改变给HTML元素带来的影响,甚至我们可以把整个网站都放到其中来进行调试,并将调试完成的文件保存为HTMl 。
唯一的遗憾是缺少代码提示,需要手工输入CSS属性 。6.CodeMirror又一款“Online Source Editor”,基于Javascript,短小精悍,实时在线代码高亮显示,他不是某个富文本编辑器的附属产品,他是许多大名鼎鼎的在线代码编辑器的基础库 。可以看出,CodeMirror的作者是一个十分向往自由的人 。
但他的CodeMirror绝对不简单,看看下面这份清单:Google Earth KML samplerEloquent JavaScript’s consoleThe qooxdoo playgroundA cool tutorial about the elementAn online IDE for the Orc programming languageGoogle’s API playgroundRapha?l LiveJS BinThe RokPad plugin for JoomlaThe scraperwiki editorjsLinb UI Builder上述的这些在线代码编辑器都是基于CodeMirror的,是不是感到惊讶,里面有你熟悉的JS Library 。

推荐阅读