mini editable, customizable playground for web
Documentation »
This is minibed! - mini editable, customizable playground for web
- Free & Open Source
- Live Edit
- Multiple file support for per-languages
- Remote files
- Fully customizable
- Better error handling
- Support for preprocessors (babel, sass, ...)
Documentation and examples are here: http://ned.im/minibed
Logo created by Karthik Srinivas from the Noun Project
- CodeMirror
- codemirror.css
- mode/javascript/javascript
- mode/htmlmixed/htmlmixed
- mode/jsx/jsx
- mode/xml/xml
- mode/css/css
- addon/scroll/simplescrollbars
- addon/edit/matchbrackets
- addon/edit/closetag
- addon/edit/closebrackets
import Minibed from 'minibed';
new Minibed({
theme: 'dark',
editorTheme: 'minibed-dark',
files: {
html: ['mini.html', 'bed.html'],
js: ['mini.js', 'mini.es6'],
css: ['mini.css', 'mini.scss', 'mini.less']
},
external: {
js: [],
css: []
},
settings: {
readOnly: false, // true, nocursor, false
scrollLock: false,
lineWrapping: true,
lineNumbers: true,
tabSize: 2,
css: {
base: 'none', // normalize, reset
}
},
notes: [] // array of strings, like footer notes, they are gonna be paragraphs
}).show();
$ npm run dev
$ npm test
$ npm run build
- Standard & Prettier
- ES6 & Babel & Webpack
- Sass
- Autoprefixer
- Qunit & SauceLabs
- Pre-commit tests
- Travis CI