Skip to content

Latest commit

 

History

History

editor

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
 
 
 
 
 
 
 
 
 
 
 
 
 
 

diagram-js Editor Example

A simple diagram editor built with diagram-js.

Screenshot

You can use this as a starting point for your own diagram-js based editor or look into tools built on top of it for inspiration.

Example Structure

editor/
├─ public/              <-- simple web page using the editor
├─ src/                 <-- editor source
|  ├─ providers/        <-- a custom editor module
|  └─ index.js          <-- editor entry point
└─ webpack.config.js    <-- configuration to bundle the editor into
                            the public/vendor directory

Build the Example

Initialize the project dependencies via

npm install

Bundle the editor contained in src and output it to public/vendor:

npm run all

Start the development setup, opening the example app and rebuild on changes:

npm run dev

Licence

MIT