joncv/peneditor

:rocket: Online Simple Code Editor!support react,html,css,javascript!

Pen Editor

🚀 ​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.

Pen Editor

Simple Online Code Editor

View Demo · Report Bug · Request Feature

Features

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

Online

PenEditor Demo

Table of Contents

• 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.

Related

• React
• CodeMirror
• Bulma.css

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

Thanks

• GitHub Emoji Cheat Sheet
• Img Shields
• Choose an Open Source License
• GitHub Pages