家好,我是 Echa。
前段时间,老铁们私信我有么有又免费又好用的在线代码编辑器,最近找了找。终于找到了。给老铁们安排上。创作不易,喜欢的老铁们转发加个关注,点个赞,速速收藏,谢谢!
今天来推荐六个好用又免费的在线代码编辑器!
在线地址:https://codesandbox.io/
CodeSandbox 是一个在线代码编辑器,主要用于创建 Web 应用项目,其提供了多种模块:
CodeSandbox 为前端开发提供了完整的代码编辑器体验和沙盒环境。其包含了很多实用功能:
在线地址:https://codepen.io/
CodePen 是一个在线的HTML、CSS 和 JavaScript 代码编辑器,能够编写代码并即时预览效果,可以利用它来构建和分享代码。CodePen 支持使用 Less、Sass、PostCSS 等来编写CSS。CodePen 不仅是一个在线编辑器,还是一个庞大的前端社区,上面有来自全球开发者分享的各种各样炫酷的效果,并且这些代码都是开源和共享的。
在线地址:https://stackblitz.com/
Stackblitz 和 VSCode 非常像,使用简单可以一键创建 React、Vue、Vanilla、RxJS、TypeScript、Angular 等项目:
Stackblitz 具有以下特性:
在线地址:http://jsfiddle.net/
JSFiddle 是一个在线代码编辑器,允许用户在单个页面上编辑和运行 HTML、JavaScript 和 CSS 代码。JSFiddle 使用 CodeMirror 构建,其提供了多游标、语法高亮、语法验证(linter)、大括号匹配、自动缩进、自动完成、代码/文本折叠、搜索和替换以协助开发人员的操作。JSFiddle 被广泛用于共享简单的测试和演示。
在线地址:https://jsbin.com/
JS Bin 是一个开源的协同 web 开发调试工具。主要用于帮助测试 JavaScript 和 CSS 的代码片段,功能与 jsFiddle 类似。可以实时分享在 JS Bin 中输入的内容,在任何平台上的任何设备上查看 JS Bin 的输出,都是实时更新的。
在线地址:https://code.juejin.cn/
码上掘金是一个为广大开发者提供代码在线 Playground 的平台,具备轻量简单、易使用、现代标准、模块化、实时编辑,所见即所得等特性。内置了 ES Modules 支持,并且支持 React、Vue 等流行前端框架。
arkdown主要作用是把纯文本的文章转化成富文本,使读者阅读起来时更加的清晰明了。下面,W3Cschool小师妹为大家分享10款常用的Markdown编辑器。这些编辑器有不同的定位、分类,如果你喜欢的话,快来mark吧!
编辑器一:MarkdownEditor
这款Markdown 文本编辑器,它的功能相当简单而且实用。此外,MarkdownEditor还是基于浏览器。
编辑器二:markPad
这款 Markdown 编辑器是开源的,你可以在GitHub以及自己的博客中打开和保存文档。你只需要把图片复制粘贴到Markdown 的文档当中就可以了。
编辑器三:Haroopad
这款编辑器,它支持Linux、Mac OS X、Windows,覆盖了三大主流的桌面系统。Haroopad的主题样式也相当丰富,它的语法标亮更是支持了54种的编程语言。
编辑器四:QMarkdowner
这款markdown编辑器相当流行,很多人都在用。它基于PyQt4,还具有全屏预览、实时预览、实时编辑等功能。
编辑器五:editorial
editorial是纯文本编辑器,它在iOS平台上支持 Workflow。如果从性质方面来看,editorial同Sublime Text 有些相同的地方,像Python。
编辑器六:sblime Text 3
sblime Text 3是跨平台代码编辑器,它支持很多操作系统,像Linux、UNIX、Ubuntu、Windows等。sblime Text 3功能相当强大,因此深受大家的好评。在圈子里,Vim据说是编辑器之神,而Emacs被看做是神的编辑器。
编辑器七:Mou
Mou是实时预览型的Markdown 编辑器,它是由国人开发的。在同类的应用中,Mou对汉字的兼容性相当好。据说,Mou 也是当前最好用的一款免费 Markdown 编辑器
编辑器八:byword
byword这款Markdown 编辑器属于轻量级别的,据说这是Markdown 写作新手必备神器。
编辑器九:CuteMarkEd
这款Markdown 编辑器功能相当强大,它提供了实时html预览、源码高亮、数学表达式等功能。
编辑器十:EpicEditor
这款JavaScript Markdown 编辑器,是可嵌入式的 。它提供的主要功能包括离线编辑、自动的保存草稿、在线预览、全屏编辑等功能。
每个人创作的平台不同,有人在电脑上,有人在iphone或者ipad上,而上述W3Cschool小师妹为大家推荐的Markdown 编辑器,你可以选择自己喜欢用的。不知道各位大大平常用的Markdown 编辑器编辑器是哪一款?有没有在用上面的十款?
学编程技术,就到W3Cschool,如果你喜欢我们的文章,可以点击右上角关注我们;如果你想看到更多IT界的资讯,可以加我们的公众号。
公众号:w3cschoolcn
文为大家推荐一些文本编辑器,希望对大家在前端道路中有所帮助!如果有更好的,也可以在下方留言哦!
1、ace(Ace(Ajax.org Cloud9 Editor))
2、esprima(用于综合分析的 ECMAScript 解析器)
3、medium-editor(Medium.com 所见即所得编辑器的克隆版)
4、jquery-notebook(一个易用的、简洁优雅的文本编辑器。灵感来源于 Medium 的魅力)
5、ckeditor-releases(适用于每个人的 web 文本编辑器。)
6、EpicEditor(一个可嵌入的 JavaScript Markdown 的编辑器,拥有全屏编辑、即时预览、自动保存草稿和离线支持等功能。)
切图 qietu(.com)
*请认真填写需求信息,我们会在24小时内与您取得联系。