Pen Editor

:rocket: Simple Online Code Editor! Support Rect, HTML, CSS, Javascript | PenEditor

PenEditor is a simple HTML / CSS / JS code editor, works online in real-time, and out of the box! PenEditor.js is an open-source online HTML / CSS / JavaScript code editor (Code Playground) inspired by Codepen.io.

<p align="center"> <a href="https://github.com/jojowwbb/PenEditor"> <img src="https://z3.ax1x.com/2021/04/01/cV436J.png" alt="Logo" width="86" height="86"/> </a> </p> <h3 align="center">Pen Editor</h3> <p align="center"> Simple Online Code Editor <br /> <br /> <a href="https://github.com/jojowwbb/PenEditor">View Demo</a> · <a href="https://github.com/jojowwbb/PenEditor/issues">Report Bug</a> · <a href="https://github.com/jojowwbb/PenEditor/issues">Request Feature</a> </p> <p align="center"> <img src="https://z3.ax1x.com/2021/04/02/cm1vz4.png" alt="Logo" width="100%"/> </p>

Features

[x] HTML/CSS/JS code editing
[x] Code formatting
[x] HTML editor supports emmet
[x] Code hint
[x] Sublime shortcut keys
[x] Simple console(log,error,info,warn)
[x] Built-in babel
[x] Built-in react, no need to quote separately
[x] Download HTML save
[x] works online in real-time

Online

PenEditor Demo

Install
Usage
Example Readmes
Maintainers
Contributing
License

Install

This project uses node and npm. Go check them out if you don't have them locally installed.


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

Usage


$ npm install

$ npm run dev

Example

Online demo

To see how the specification has been applied, see the Demo.

Maintainers

@jojowwbb.

Contributing

Feel free to dive in! Open an issue or submit PRs.

Standard Readme follows the Contributor Covenant Code of Conduct.

Contributors

This project exists thanks to all the people who contribute.

License

BSD

PenEditor

Install / Use

README