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

2022-02-20 18:59:55 +08:00
 lliiooiill

一开始其实只是想模拟在浏览器上编辑代码,同时用 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

1961 次点击
所在节点    JavaScript
4 条回复
Trello
2022-02-20 21:09:51 +08:00
mark 一下,看着蛮不错的样子!
lliiooiill
2022-02-21 08:25:48 +08:00
谢谢支持,嘻嘻
fsworld
2022-02-21 17:34:59 +08:00
加油!感谢提供这些有趣的开源项目
lliiooiill
2022-02-21 19:51:53 +08:00
@fsworld 谢谢鼓励!

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/835237

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX