Blocko
Blocko is a block-based WYSIWYG editor written in ClojureScript and compiled to JavaScript. Currently, Blocko is not yet production ready, so use at your own risk.
Install
NPM
- Run:
npm i blocko-editor
- Import it:
import blocko from 'blocko';
Browser
- Download the latest release
- Include
blocko.css
andblocko.js
in your HTML
Usage
blocko.core.init({
container: '#editor',
initialContent: [],
onChange: (content) => {
// store `content` in your database here.
}
});
API
-
container
: any JS element that can be targeted viaquerySelector
-
initialContent
: a JS or JSON object representing the data -
onChange
: a callback function called when content changes
Development
To develop Blocko simply run ./build.sh dev
, which will then compile to public/js/blocko.js
a development version of Blocko that also auto-reloads as you make changes. After that is done, open public/index.html
in your browser and have fun!
Once you're done with development and want to get production version, then:
- To get the browser production build, run
./build.sh release-browser
and check insidedist/browser
for a brand newblocko.js
and ablocko.css
file. - To get the NPM production build, run
./build.sh release-npm
and check insidedist/npm
for a brand newblocko.js
and ablocko.css
file. Note that you have to import the CSS file in your project manually.