Arrow icon
See all demos

Clipboard API Integration

Explore our integration with the Clipboard API, which serves as a bridge between JointJS+ and the system clipboard. With this powerful API, demonstrated in the demo below, you can copy and paste diagram data between different native and web applications. Note that you can copy diagram content in two different formats: a "web application/join" type that can be used in another application that supports JointJS data, and a "text/plain" type, which is a textual representation of diagram data that can be pasted into any OS environment (such as your notepad application). In addition, you can copy and paste generic text and images from the OS clipboard - such objects will be inserted into the diagram as corresponding elements.
Demo instructions
Copy any text or image from your OS environment and watch the content appear in the "Clipboard content" section. Paste it to the diagram for further use. You can also do the opposite: copy any content from the diagram and paste it into external applications.
Clipboard API Integration

Made with JointJS+

The source code of this demo is available as part of the JointJS+ commercial license. Don't have a license yet? Start a trial and use the source code of this and many other demos for free, with no obligations, for 30 days.

Compatible with:

ReactAngularVueSvelteHTML5Salesforce Lightning

Made with JointJS+

All features required to build this demo are included in the commercial JointJS+ package. Don't have a license yet? Start a trial and build professional applications with ease.

Compatible with:

ReactAngularVueSvelteHTML5Salesforce Lightning

Made with JointJS

The source code of this demo is available in the JointJS open-source library which helps developers create simple visual applications in less time.

Compatible with:

ReactAngularVueSvelteHTML5Salesforce Lightning

Made with JointJS

All features required to build this demo application are included in our open-source library, JointJS. Download the package and create basic visual applications in no time.

Compatible with:

ReactAngularVueSvelteHTML5Salesforce Lightning

Speed up your development with a powerful library