网站内容编辑器(在线web编辑器常用的有哪些在线编辑器web项目,？)

　　网站内容编辑器(在线web编辑器常用的有哪些在线编辑器web项目,？)

　　前言相信很多朋友在平时编码的时候都会遇到这样的场景。我们需要打一个demo，但是如果直接在项目中打字，又不想commit到history，存储起来也不是很方便。我就是想独立，单独的demo，打字后可以直接看效果。

　　但是要开始一个web项目，相信对于一个只想写demo的小场景，安装各种依赖，启动node服务，还有可能需要配置agent，有点小题大做。

　　所以对于需要自己写个demo看效果的人来说，使用网上提供的在线网页编辑器是一个非常好的选择。

　　常用的网络编辑器网站有哪些？

　　在这里，我个人推荐我用过，用户量比较大，网站给大家。

　　代码沙盒

　　这是互联网名人的在线编辑器。可以说是跟上潮流了。主流的几乎都有，可以满足你80%的需求。

　　我们打开了这个网站的首页，效果很好：

　　这确实给人一种眼前一亮的感觉，但我们关心的是如何更快地写出一个demo来看到效果。那么它目前提供了以下框架，可以在这个框架下快速编写demo：

　　我们点击React后，很快就会出现一个编辑界面：

　　如果您不喜欢旁边的实时预览，可以将其关闭

　　不过，我一般不会关闭这个功能。这是它的优势。但是，如果编辑器进行任何更改，它将立即显示在预览中。其实更合理的逻辑是先保存再更新。

　　安装包变成了图形化管理，这种交互对用户来说非常友好，估计以后会被越来越多的编辑所模仿

　　支持代码美化（更何况，这个其他在线编辑器不一定支持，本地编辑器vsc也需要插件）：

　　修改项目信息：

　　演示输出到github：

　　部署构建版本：

　　非常棒的情侣编程（但只能使用付费会员）：

　　本来以为可以直接从github克隆项目，但是现在看来这个功能还是挺鸡肋的：

　　代码笔

　　这个网站在我发现CodeSandbox之前就已经用过了。对于这个编辑器，我其实是来抱怨的。

　　让我们打开一支笔，嗯，它是空白的。如果我只是想做一个快速的演示，我还是需要从头开始写：

　　看到这个界面，可以说不利于定位我需要做的事情一目了然：

　　不过这个地方也支持搜索安装依赖：

　　我们来看看仪表盘：

　　您可以构建多支笔，但您只能构建一个项目。如果你想要多支笔，你需要升级到专业版

　　用过之后你会发现codepen的实时预览其实挺坑爹的。在键入代码更改的过程中，会报错。而且定位误差不好。看了半天的错误，不知道我的bug出在哪里了。.

　　提琴手

　　这个网站的好处之一就是当你打开一支新笔的时候，有模板提供选项，所以不需要那么多手动操作。

　　点击react，会出来一个demo代码：

　　对于这个网站，我就不过多介绍了。我相信它被很多中国开发者欺骗的原因是它会被普通网络围住！！！

　　并非所有开发人员都使用科学工具。对于那些不使用梯子的开发者来说，这是一个门槛。就像我们安装一个包的时候一样，我们也会引入一堆依赖。那么我相信这个包不会太受欢迎。

　　吉斯宾

　　一打开这个网站，就觉得很干净，至少不乱。

　　但是有一点让我不忍抱怨的是，当这个界面出现的时候，真的很像我在大学里做的一个实验项目……

　　它的包安装，你只能安装它提供的那些，所以不能满足太多的情况

　　需要的编译，主流的也提供了一些：

　　虽然这个很简单，功能不多，但是对于我个人的使用，还是想用一下。

　　以上对比了我用过的四个在线代码编辑器。个人推荐codeandbox。各方面其实都做的不错，界面风格非常接近vsc。如果是免费的，它有很*敏*感*词*。支付小费不会太明显。

　　个人感觉：那些印有大logo、要求用户付费的产品，实际上加剧了用户的厌烦情绪。如果一个产品感觉好，那么我会更愿意付费升级体验，而不是需要这么强烈的提示来告诉我付费体验更好！