Diagrams.net

With the diagrams.net integration, you can create and embed SVG diagrams in wikis. The diagram editor is available in both the plain text editor and the rich text editor.

On GitLab.com, this integration is enabled for all SaaS users and does not require any additional configuration.

On GitLab Self-Managed, you can choose to integrate with the free diagrams.net website, or host your own diagrams.net site in offline environments.

To set up the integration, you must:

1. Choose to integrate with the free diagrams.net website or configure your diagrams.net server.
2. Enable the integration.

After completing the integration, the diagrams.net editor opens with the URL you provided.

Configure your diagrams.net server

You can set up your own diagrams.net server to generate the diagrams.

It’s a required step for users on an offline installation of GitLab Self-Managed.

For example, to run a diagrams.net container in Docker, run the following command:

docker run -it --rm --name="draw" -p 8080:8080 -p 8443:8443 jgraph/drawio

Make note of the hostname of the server running the container, to be used as the diagrams.net URL when you enable the integration.

For more information, see Run your own diagrams.net server with Docker.

Enable Diagrams.net integration

1. Sign in to GitLab as an Administrator user.
2. On the left sidebar, at the bottom, select Admin.
3. Select Settings > General.
4. Expand Diagrams.net.
5. Select the Enable Diagrams.net checkbox.
6. Enter the Diagrams.net URL. To connect to:
   • The free public instance: enter https://embed.diagrams.net.
   • A locally hosted diagrams.net instance: enter the URL you configured earlier.
7. Select Save changes.