https://github.com/needim/minibed
It's a mini editable, customizable playground for web
https://github.com/needim/minibed
embed playground
Last synced: 4 months ago
JSON representation
It's a mini editable, customizable playground for web
- Host: GitHub
- URL: https://github.com/needim/minibed
- Owner: needim
- License: mit
- Created: 2017-04-23T19:17:21.000Z (almost 9 years ago)
- Default Branch: master
- Last Pushed: 2017-04-24T09:15:21.000Z (almost 9 years ago)
- Last Synced: 2025-09-12T17:06:43.277Z (5 months ago)
- Topics: embed, playground
- Language: JavaScript
- Homepage: https://needim.github.io/minibed/
- Size: 2.17 MB
- Stars: 39
- Watchers: 2
- Forks: 4
- Open Issues: 5
-
Metadata Files:
- Readme: README.markdown
- License: LICENSE.txt
Awesome Lists containing this project
README
mini editable, customizable playground for web
Documentation »
## Hi
This is **minibed**! - mini editable, customizable playground for web
***
### Features
- [x] Free & Open Source
- [x] Live Edit
- [x] Multiple file support for per-languages
- [x] Remote files
- [x] Fully customizable
### TO-DO
- [ ] Better error handling
- [ ] Support for preprocessors (babel, sass, ...)
### Documentation
Documentation and examples are here:
Logo created by Karthik Srinivas from the Noun Project
***
##### Dependencies
- 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
##### Basic Usage
```js
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();
```
##### Development
```console
$ npm run dev
$ npm test
$ npm run build
```
##### Development environment
- [x] Standard & Prettier
- [x] ES6 & Babel & Webpack
- [x] Sass
- [x] Autoprefixer
- [ ] Qunit & SauceLabs
- [ ] Pre-commit tests
- [ ] Travis CI
[](https://github.com/feross/standard)