@yuanchuan/codepen-prefill v1.0.0

codepen-prefill

The live editor of CodePen is not stable because of my network (in China you know), so I always write demos on my local machine in the first place, then open CodePen afterwards and copy/paste into the editor.

This tool is used to save this process by extracting scripts and styles of a HTML file and automatically filling each section of the editor .

$ codepen-prefill index.html

Or to preview a markdown file quickly on CodePen.

$ codepen-prefill README.md

Installation

$ npm install -g @yuanchuan/codepen-prefill

References

https://blog.codepen.io/documentation/prefill/

Usage

Usage:
  codepen-prefill <filename>

Options:
  --keep-inline: Keep inline styles/scripts inside html
  --help:        Display help info

Supported filename types:
  htm, html, md, markdown, js, ts, css, less, sass, scss, styl