PNG: editierbare Grafiken in Markdown-Dokument

Einbinden von editierbaren PNG-Grafiken in Markdown-Dokument

• Einbinden von editierbaren PNG-Grafiken in Markdown-Dokument
  • Erstellen einer editierbaren PNG-Grafik
  • Einbinden der PNG-Grafik in Markdown Dokument
  • Nachträgliches editieren der Zeichnung

Grafiken für Markdown Dokumente, die nicht direkt via MerMaid oder plantUML erstellt werden, sollten in Markdown Dokumenten als PNG-Grafiken eingebunden werden. Damit diese Grafiken anschließend wieder editiert/verändert werden können, ist folgende Vorgehensweise sinnvoll:

Erstellen einer editierbaren PNG-Grafik

1. Erstellen der PNG-Grafiken mit draw.io.
2. Fertige Grafik mit Speichern unter... im Format .PNG speichern (nicht Grafik exportieren verwenden!)
   Über diesem Weg werden in den Metadaten der PNG-Zeichnung die Daten für die Zeichnungsgenerierung mit abgelegt.

Einbinden der PNG-Grafik in Markdown Dokument

Grafik per Drag & Drop von Explorer in Markdown-Editor platzieren

Nachträgliches editieren der Zeichnung

1. Grafik in Markdown-Dokument via rechter Maustaste Speichern unter... in temporäres Verzeichnis ablegen.
2. Gespeicherte Datei in draw.io öffnen, editieren und speichern.
3. Alte Grafik in Markdown Dokument durch neue ersetzen.