Note: Plugins are not part of the core functionality of draw.io, they are intended as examples for developers to create additional functionality. Plugins that we write are not always production quality and should be used as-is.
There are a number of built-in plugins that can be added to draw.io, either added as a one-off or for every time you use draw.io with that browser.
To load one-off, use the p=xxxx URL parameter. The following plugins are available:
|p1||Example for defining custom sidebar and placeholders (see p1.js)|
|ex||Adds Explore from Here in context menu (example), click handler for lightbox|
|voice||Voice Assistant (Voice menu)|
|tips||Icons for tooltips in chromeless mode|
|svgdata||Adds metadata and IDs in SVG export|
|number||Numbering all shapes in chromeless mode|
|sql||Adds Arrange, Insert, From SQL|
|props||Shows metadata in chromeless mode|
|text||Adds Extras, Extract Text for extracting all text in a diagram|
|anim||Adds Extras, Animation (autostarts in chromeless mode, example)|
|update||Adds data-driven diagrams in chromeless mode (see source for details, example)|
|replay||Adds Extras, Record for replaying all changes on a diagram|
|anon||Adds Extras, Anonymize Current Page to remove metadata and change labels|
|webcola||Adds Layout, WebCola Layout to run the interactive, constraint-based layout|
|tickets||Drop Freshdesk tickets into diagrams, see Extras, Update Tickets (example)|
|flow||Adds Toggle Flow in context menu, edge click handler for lightbox|
|tags||Adds Extras, Tag Cloud for visual tag filtering and assignment|
For example, to use the voice and ex plugins, the following URL is used: https://www.draw.io/?p=voice;ex
The above method needs the p parameter to be used each time. If you want to configure your browser to load one of more plugins with draw.io, use the plugin dialog via Extras->Plugins.
In the dialog click add and enter the URL of the plugin (eg. "/plugins/foo.js", "https://jgraph.github.io/drawio/src/main/webapp/plugins/foo.js") or an ID of the plugin the above table (eg. "anon"). If the p parameter was used, the value will be prepopulated with the value of the parameter. You can add multiple plugins by clicking add again.
When you are finished, press apply and then refresh the browser to have the plugins loaded.
To remove plugins go back to the plugin dialog and click the trash icon next to plugins to remove them.