Description

Draw.io (aka Diagram.net) integration for Joplin

Additional Information

Links:
Maintainers: marc0l92
Version:2.2.0
Minimum app version:2.2
Downloads: This version:9897
Last updated:2023-03-15T17:37:34Z

Joplin Plugin - draw.io

WARNING: I moved my notes to Obsidian.md and I will not provide additional support for this plugin. Pull request are welcome.

This plugin allows you to create diagrams using the editor diagrams.net (aka. draw.io).

This plugin needs an internet connection to work.

Example1 Example2

Install the plugin

Automatic installation

Use the Joplin plugin manager to install it (Joplin > Options > Plugins). Search for draw.io.

Manual installation

  • Download the last release from this repository.
  • Open Joplin > Options > Plugins > Install from File
  • Select the jpl file you downloaded.

Create new diagram

Use the tools menu to create a new diagram and paste it in the note.

The diagram will be inserted where the cursor is.

Tools menu

You can create your diagram using 2 different type of file format:

  • PNG: raster format
  • SVG: vectorial format

The sketch mode configures the diagram editor to simplify the hand drawing.

Edit diagram

If the plugin detects that the image is a draw.io diagram it will show an edit button on the top right when your mouse hover on the image.

Edit menu

The plugin identify an image as a diagram if the alternative text is drawio and if the resource title starts with drawio-.

Markdown example

Settings

Settings

Development

If you want to contribute to this plugin you can find here some useful references:

https://www.diagrams.net/blog/embedding-walkthrough