minibed is dependent to CodeMirror. So you need to include CodeMirror and it's some of modes/addons. Full list is below;
Dependencies - codemirror.js - 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'; // or include minibed.js & minibed.css new Minibed({ container: '#example-1', theme: 'dark', editorTheme: 'minibed-dark', files: { html: ['mini.html', 'bed.html'], js: ['mini.js', 'mini-2.js'], css: ['mini.css'] }, external: { js: [ '//cdn.rawgit.com/needim/noty/master/lib/noty.js' ], css: [ '//cdn.rawgit.com/needim/noty/master/lib/noty.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();
Some styling issues fixed
Pre-release