分享一个前端在线代码编辑器 JS-Encoder

一开始其实只是想模拟在浏览器上编辑代码，同时用 iframe 展示效果的功能，没想到这一做就停不下来，陆陆续续做了不少功能，不过目前为止收到的反馈还是比较少(可能是由于代码编辑器在国内比较小众？)，欢迎大家提出宝贵的建议和提 PR ，我大大滴感谢！

预览图片：

目前支持的主要功能：

1. 预处理语言编译：
   • Markdown
   • Pug
   • Sass/Scss
   • Less
   • Stylus
   • TypeScript
   • CoffeeScript
   • JSX(Babel)
2. 支持外部脚本和样式。
3. 多快捷键支持, 包括格式化、HTML Emmet 扩展以及 Markdown 相关快捷键。
4. 加入 Markdown 模式, 支持编辑窗口和预览窗口的实时预览和同步滚动，并加入快捷菜单栏。
5. 强大的控制台，可显示多种常见类型的日志并可进行调试。
6. 为部分语言提供语法检查(Linter)。
7. 支持初始化模板，目前支持(Vue2/3, React, Angular)。
8. 支持 Vue2/3 单文件组件的编译。

点此访问：JS-Encoder

• JS-Encoder Github 仓库
• JS-Encoder 中文使用文档