You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Create resizable Post-its on the Canvas (squared and circled) via
Palette
Double Click (latest element type will be respected)
Change the color of Post-its
Create simple Text Boxes on the Canvas
Create grouping frame elements on the Canvas
Add external image resources on the Canvas
Installation
Install the package to include it into your web application
$ npm install postit-js-core --save
Usage
To get started, create a postit-js instance
and render a post-it board into your web application
import'postit-js-core/assets/postit-js.css';importPostItModelerfrom'postit-js-core/lib/Modeler';letxml;// my post-it xml constmodeler=newPostItModeler({container: '#canvas',keyboard: {bindTo: window,}});modeler.importXML(xml).then(function(){console.log('board rendered');}).catch(function(error){console.error('could not import postit board',err);});
For using postit-js inside your web application you'll need a source code bundler, e.g. webpack. Checkout the example for getting inspiration.
Development Setup
Spin up the application for development, all strings attached:
$ npm install
$ cd example
$ npm install
$ npm run dev
Extensions
Since diagram-js and also this project is extendable by design, there exist a couple of great community maintained extensions