网站文章内容编辑器(基于React的在线代码沙盒平台我常用的脚手架都支持, )

　　网站文章内容编辑器(基于React的在线代码沙盒平台我常用的脚手架都支持,

)

　　1. CodeSandbox（基于React的在线代码沙箱平台）我经常使用

　　① 支持主流脚手架，如在线create-react-app、vue-cli等（在线fork修改）、github登录（项目导入）、cli上传示例也支持。例子可以在线访问和下载，当然也可以在内部嵌入到博客等其他网页中。

　　② 地址：

　　③ 图标

　　支撑脚手架（图1-1）

　　编辑界面（图1-2）

　　2. CodePen（前端代码编辑运行网站）

　　① CodePen 是一个完全免费的前端代码托管服务，主要功能有：

　　即时预览。您甚至可以在本地修改并即时预览其他人的作品。支持多种主流预处理器，快速添加外部资源文件。只需在输入框中输入库名称，CodePen 就会从 cdnjs 中搜索匹配的 css 或 js 库。免费创建模板。支持创建三个模板，不是每项工作都需要从白板开始。优秀的外部嵌入式体验。在支持 oEmbed 的平台上，例如 WordPress 或 Reddit，只需将链接粘贴到编辑框中，

　　发布后会自动转换为内嵌作品。

　　② 地址：

　　③ 图标

　　编辑界面（图2-1和图2-2）

　　3. JSRUN（支持手机在线JS编辑器）

　　①jsrun是一款支持手机在线JS编辑器，HTML/CSS/Javascript在线代码运行工具，js代码在线测试调试，是runjs升级版，支持vue.js/angular.js在线编辑器

　　② 地址：

　　③ 图标

　　编辑界面（图3-1和图3-2）

　　4. jsFiddle（网站 运行前端代码编辑）

　　① jsFiddle是web开发者的练习场，可以在线编辑和测试HTML、CSS、JavaScript代码片段。在jsFiddle中编辑的代码可以保存、分享给他人，也可以嵌入到其他网页中

　　② 地址：

　　③ 图标

　　编辑界面（图4-1）

　　5. Ideone（C和C++在线编译调试工具，支持其他60种语言）我经常用

　　① Ideone 是 C 和 C++ 的在线编译和调试工具，支持 60 种其他语言。这个工具提供了许多强大的功能，让程序员可以快速高效地编译源代码

　　② 地址：

　　③ 图标

　　编辑界面（图5-1和图5-2）

　　6. Codechef（C、C++ 和 Java 的在线编译工具）

　　① 支持C、C++和Java，非常接近真正的桌面IDE。它超级快速且易于使用。适合学生在课堂和作业中练习面试题。

　　② 地址：

　　③ 图标

　　编辑界面（图6-1）

　　7. JDoodle（C、C++ 和 Java 的在线 IDE）

　　① 支持协作码。它只是从一个简单的文本区域开始，您可以粘贴代码并单击运行。您可以在运行程序之前更改命令行参数并设置标准输入。最适合新的在线编辑器不支持的许多旧语言。

　　② 地址：

　　③ 图标

　　编辑界面（图7-1和图7-2）

　　8. OnlineGDB（在线C、C++、Java、PHP编译器）我经常使用

　　① 支持 C、C++、PHP 和 Java 编译器。OnlineGDB 的独特之处在于您可以逐步调试您的代码。编写代码后，可以轻松对其进行格式化以使其看起来不错。

　　② 地址：

　　③ 图标

　　编辑界面（图8-1）

　　9. GCC 资源管理器

　　① GCC 编译器资源管理器是一个交互式在线编译器，可显示已编译的 C++、RISE、GO（以及更多）代码的汇编输出。

　　② 地址：

　　③ 图标

　　编辑界面（图9-1）

　　10. plnkr edit 在线编辑器

　　① js 在线编辑器。

　　② 地址：

　　③ 图标

　　编辑界面（图10-1）

　　结论：

　　以上的编辑器我只用过部分编辑器的部分功能，如果大家用过这些在线编辑器，欢迎评论补充。我会将内容更新到文章中。