Buy me a 🍜

This plugin enables you to embed interactive drawio diagrams in your documentation. Simple add your files like you would for any other image type:

![](my-diagram.drawio)

Additionally this plugin supports multi page diagrams by using the alt text:

![Page-2](my-diagram.drawio)

Install plugin using pip:

pip install mkdocs-drawio-file

Add the plugin to your mkdocs.yml

plugins:
  - drawio_file

After your mkdocs has generated the HTML for your documentation, the plugin adds the necessary diagram.net javascript library. Searches for img tags with a file ending of *.drawio and replaces them with the appropiate mxgraph html block. For further details, please look at the official diagrams.net documentation.