-
Notifications
You must be signed in to change notification settings - Fork 1.2k
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
chore: add implicit keyboard binding example
- Loading branch information
1 parent
1db99b9
commit 3f27af2
Showing
14 changed files
with
4,813 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,2 @@ | ||
node_modules/ | ||
public/ |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,29 @@ | ||
# bpmn-js embedding example | ||
|
||
This example shows how different versions of the toolkit can be embedded easily into a HTML page. | ||
|
||
Keyboard binding and focus handling is done natively, as you expect from other elements on the canvas. For more information see [pull request](https://github.com/bpmn-io/diagram-js/pull/662) and [changelog](https://github.com/bpmn-io/diagram-js/blob/develop/CHANGELOG.md#1500) for `diagram-js` v15.0.0. | ||
|
||
## About | ||
|
||
This example embedds different variants of the BPMN toolkit into a larger website. You can see how each instance of modeler only captures keyboard shortcuts when it's focused and doesn't interfer with other (native or custom) elements. | ||
|
||
 | ||
|
||
## Building | ||
|
||
You need a [NodeJS](http://nodejs.org) development stack with [npm](https://npmjs.org) installed to build the project. | ||
|
||
To install all project dependencies execute | ||
|
||
``` | ||
npm install | ||
``` | ||
|
||
Spawn the demo by executing | ||
|
||
``` | ||
npm start | ||
``` | ||
|
||
Both tasks generate the distribution ready client-side modeler application into the `public` folder. |
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Oops, something went wrong.