家好，我是 Echa。

前段时间，老铁们私信我有么有又免费又好用的在线代码编辑器，最近找了找。终于找到了。给老铁们安排上。创作不易，喜欢的老铁们转发加个关注，点个赞，速速收藏，谢谢！

今天来推荐六个好用又免费的在线代码编辑器！

CodeSandbox

在线地址：https://codesandbox.io/

CodeSandbox 是一个在线代码编辑器，主要用于创建 Web 应用项目，其提供了多种模块：

CodeSandbox 为前端开发提供了完整的代码编辑器体验和沙盒环境。其包含了很多实用功能：

• Npm 支持：可以添加几乎任何 npm 上可用的包；
• 支持 TypeScript、热更新、GitHub 导出、静态文件托管等；
• 使用 Monaco 编辑器构建，Monaco 是为 VSCode 的提供支持的代码编辑器，有很多相似的体验；
• 集成的 DevTools、linting、错误覆盖、测试框架 (Jest)等；
• 强大的 CLI 可以直接将本地项目导入 CodeSandbox。

Codepen

在线地址：https://codepen.io/

CodePen 是一个在线的HTML、CSS 和 JavaScript 代码编辑器，能够编写代码并即时预览效果，可以利用它来构建和分享代码。CodePen 支持使用 Less、Sass、PostCSS 等来编写CSS。CodePen 不仅是一个在线编辑器，还是一个庞大的前端社区，上面有来自全球开发者分享的各种各样炫酷的效果，并且这些代码都是开源和共享的。

Stackblitz

在线地址：https://stackblitz.com/

Stackblitz 和 VSCode 非常像，使用简单可以一键创建 React、Vue、Vanilla、RxJS、TypeScript、Angular 等项目：

Stackblitz 具有以下特性：

• 在浏览器中集成了一个 Dev Server，在离线的情况下仍然可以进行开发；
• 除了支持前端项目外，还支持在浏览器中运行 Node.js 环境；
• 支持连接 GIthub 仓库，可以直接将代码 push 到 Github 上，也可以拉取 Github 项目进行查看和编辑；
• 所有应用程序都会自动部署在其服务器上。

JSFiddle

在线地址：http://jsfiddle.net/

JSFiddle 是一个在线代码编辑器，允许用户在单个页面上编辑和运行 HTML、JavaScript 和 CSS 代码。JSFiddle 使用 CodeMirror 构建，其提供了多游标、语法高亮、语法验证（linter）、大括号匹配、自动缩进、自动完成、代码/文本折叠、搜索和替换以协助开发人员的操作。JSFiddle 被广泛用于共享简单的测试和演示。

JS Bin

在线地址：https://jsbin.com/

JS Bin 是一个开源的协同 web 开发调试工具。主要用于帮助测试 JavaScript 和 CSS 的代码片段，功能与 jsFiddle 类似。可以实时分享在 JS Bin 中输入的内容，在任何平台上的任何设备上查看 JS Bin 的输出，都是实时更新的。

码上掘金

在线地址：https://code.juejin.cn/

码上掘金是一个为广大开发者提供代码在线 Playground 的平台，具备轻量简单、易使用、现代标准、模块化、实时编辑，所见即所得等特性。内置了 ES Modules 支持，并且支持 React、Vue 等流行前端框架。

持复制粘贴WORD图片的HTML编辑器，怎么把WORD文档粘贴到编辑器里啊?HTML编辑器 复制WORD里面带图文的文章，图片可以直接显示，JSP – 支持WORD上传的富文本编辑器，EWEBEDITOR 从WORD中复制内容带多张图片，如何从WORD文档复制公式到富文本编辑器，复制word图片，从word中复制图片,

从word中粘贴图片，粘贴word内容，粘贴word图片，粘贴word图文，复制粘贴word文档，复制粘贴word图片，复制粘贴word图文，复制粘贴word内容，

之前在网上找过相关的资料，论坛里面也有网友交流过，还加过不少QQ群和微信群，但是结果都不太令人满意。相关的文章提问的人多，能够给出方案的人少，能够给出成熟产品的就更少了，说的直接一点根本就没有，纯属浪费时间。要示例没示例，要代码没代码，根本就用不了，

有几个方面的原因吧，一个是网上的资料提的一些都是开源的方案，也不是说开源的方案不行，关键是提到的这些方案，公司项目组去评估发现联系不到开发人员，而且方案本身也停止更新了，处于没有人维护的状态，所以项目组这边不太敢用。主要是之前在这块也踩过坑。给客户做的项目，客户二期提了一个需求，因为之前的开发人员用的是一个开源的方案，现在连官网都打不开了，更别提联系开发人员了，根本就动不了。

客户那边也不差这点钱，之前公司项目组就是在这块踩过坑，用了开源的方案，客户那边提了一个新需求，但是由于项目组对产品本身并不熟悉，导致没办法进行二次开发。

这个功能对用户来说确实是非常的有用，用户也比较喜欢这个功能，确实能够提高他们的工作效率，一般内容都是提前在word中编辑好了的，他们发布内容的时候是直接从word文档里面复制的。

从word中复制图片和文字内容，然后粘贴到web富文本编辑器中，粘贴后word图片自动上传到web服务器中，自动将图片和文字HTML添加到编辑器中，保留word中的文字格式，文字颜色，字体，样式，

用户发布新闻的时候是从word里面复制图片和文字，然后将word图文内容粘贴到web富文本编辑器中，希望能够将word的图片自动上传到服务器中，服务器地址能够自定义，

后端的话需要支持任意开发语言，比如ASP,ASP.NET,JSP,PHP,PYTHON等。只要是基于标准HTTP协议的都要支持。如果能够不装控件最好，

视频教程：https://www.ixigua.com/7233953214108795407

1.下载示例：

http://www.ncmem.com/webapp/wordpaster/versions.aspx

2.复制WordPaster插件目录

3.引入插件文件

注意：不要重复引入jquery，如果您的项目已经引入了jq，则不用再引入jq-1.4

4.在工具栏中增加插件按钮

6.初始化控件

注意：

1.如果接口字段名称不是file，请配置FileFieldName。ueditor接口中使用的upfile字段

参考：http://www.ncmem.com/doc/view.aspx?id=c3ad06c2ae31454cb418ceb2b8da7c45

2.如果接口返回JSON，请配置ImageMatch

参考：http://www.ncmem.com/doc/view.aspx?id=07e3f323d22d4571ad213441ab8530d1

3.如果接口返回的图片地址没有域名，请配置ImageUrl

参考：http://www.ncmem.com/doc/view.aspx?id=704cd302ebd346b486adf39cf4553936

4.如果接口有权限验证（登陆验证，SESSION验证），请配置COOKIE。或取消权限验证。

参考：http://www.ncmem.com/doc/view.aspx?id=8602DDBF62374D189725BF17367125F3

效果

订阅版报价单：https://drive.weixin.qq.com/s?k=ACoAYgezAAw70JsA8m
政企版报价单：https://drive.weixin.qq.com/s?k=ACoAYgezAAwuqJtN30#/

年费版报价单：https://drive.weixin.qq.com/s?k=ACoAYgezAAwFouDIB4#/

OEM版报价单：https://drive.weixin.qq.com/s?k=ACoAYgezAAwV00mQSY

产品源代码：https://drive.weixin.qq.com/s?k=ACoAYgezAAwz13B5Tr
授权码生成器：https://drive.weixin.qq.com/s?k=ACoAYgezAAwzYuEEY1

016-05-16 09:07:47 次阅读 次推荐 稿源：cnBeta.COM条评论

微软已经发布了面向Windows 10 PC / Mobile双平台的HTML编辑器应用，尽管目前仍处于Alpha阶段，但它已支持编写HTML、CSS、PHP、JavaScript代码，并有许多辅助工具来帮助你提升效率。如果你曾经想过边走边不停地调试优化代码，现在微软已经帮你提供了一个实现的方法。你可以打开现有文件或新建一个，通过OneDrive加载或保存——意味着你可以从任何支持的设备上这么做。

该编辑器有如下几项重要特性：

▪ 高亮HTML、CSS和JavaScript语法；

▪ HTML渲染 - 可展示一个渲染后的HTML/CSS/JavaScript版本；

▪ 设置窗口大小；

▪ 实时选择CSS和JavaScript文件；

▪ 自动完成：PC版支持高级补全、移动版支持基础补全。

鉴于目前该应用仍处于Alpha阶段，所以bug肯定是免不了的。在Neowin的测试中，就遇到了一些崩溃或个别按钮无法正常工作的情况，不过创建和编辑文件的功能还是OK的。

The HTML Editor（Windows Store）

[编译自：Neowin, via：MS PowerUser]