Codepen Style HTML/CSS/JS Code Editor – PenEditor

PenEditor is an open-source online HTML/CSS/JavaScript code editor (code playground) inspired by Codepen.io.

Features:

• Code formatting
• Code hinting
• Syntax highlighting.
• Emmet support (HTML editor)
• Sublime shortcut keys
• Save as HTML file
• Console panel
• Built-in Babel
• Built-in React

Dependencies:

• React
• CodeMirror
• Bulma.css

How to use it:

1. Download the package.

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

2. Install & run the app.

$ npm install
$ npm run-script dev