搜索

PenEditor极简风格的在线代码编辑器

联合创作 · 2023-09-23 05:00

PenEditor 是一个开源的，极简风格的HTML / CSS / JS代码编辑器！实时运行！

Demo: https://jojowwbb.github.io/pen/index.html

功能:

  • HTML/CSS/JS 代码编辑器
  • 代码格式化
  • emmet支持
  • 代码自动提示
  • Sublime 快捷键
  • 内置console面板(log,error,info,warn)
  • 内置babel
  • 内置react无需单独引入
  • 代码下载
  • 实时运行

本地安装、部署

// git clone
git clone https://github.com/jojowwbb/PenEditor.git

//install
npm install

//start
npm run dev
浏览 13
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报
评论
图片
表情
推荐
CodeMirror在线代码编辑器
CodeMirror 是一款“Online Source Editor”，基于Javascript，
CodeMirror在线代码编辑器
CodeMirror是一款“OnlineSourceEditor”，基于Javascript，短小精悍，实时在线代码高亮显示，他不是某个富文本编辑器的附属产品，他是许多大名鼎鼎的在线代码编辑器的基础库
Amy Editor在线代码编辑器
Amy Editor 是一个非常简单的在线代码编辑器，支持HTML、Ruby、Python、PHP
Agen极简的代码生成器
 一个极简的代码生成器，可以嵌进你自己的项目中。    自由软件: MIT license Engl
Agen极简的代码生成器
 一个极简的代码生成器，可以嵌进你自己的项目中。    自由软件:MITlicense EnglishDocumentation: https://agen.readthedocs.com/en/  
Tiny-editor基于 Ace 的在线代码编辑器
Tiny-editor 是和jsFiddle一样具有在线运行js功能的在线代码编辑器，基于Ace。D
Amy Editor在线代码编辑器
AmyEditor是一个非常简单的在线代码编辑器，支持HTML、Ruby、Python、PHP等。在线测试：http://www.amyeditor.com/api/embed/test_eamy.h
Tiny-editor基于 Ace 的在线代码编辑器
Tiny-editor是和jsFiddle一样具有在线运行js功能的在线代码编辑器，基于Ace。Demo:http://lipten.link/demo/editorUsage1.下载slidePag
JFinal-Code-Online极简自由的代码生成器
定制属于自己的代码生成器从JFinal-Code-Online Platform(JCOP)开始!!
JFinal-Code-Online极简自由的代码生成器
定制属于自己的代码生成器从JFinal-Code-OnlinePlatform(JCOP)开始!!JCOP是一个轻量级的代码生成器内核,可加入一切自己想生成的文件的模板,绝对的灵活自由,你值得拥有!!