Jens-Liebelt.de

Lara-MD – Bilder, Downloads und Diagramme

Über Bausteine binden Sie Abbildungen und Dateien zum Herunterladen als gestaltete Blöcke ein. Diagramme schreiben Sie direkt im Text. Diese Seite zeigt alle drei Wege.

Abbildungen einbinden

Eine Abbildung pflegen Sie als Baustein: Im Kürzel-Bereich legen Sie einen Baustein der Art Abbildung an und laden das Bild hoch. Danach binden Sie es wie jeden Baustein über {{name}} ein – an beliebig vielen Stellen.

Für die Darstellung stehen Ihnen mehrere Formen zur Verfügung:

  • Als Abbildung – das Bild mit optionaler Bildunterschrift und Ausrichtung (links, zentriert oder rechts).
  • Als Karte – das Bild zusammen mit Titel, kurzem Text und einer verlinkten Schaltfläche, etwa für eine Vorschau oder ein Produkt.

Beim Veröffentlichen verkleinert Lara-MD Bilder automatisch auf eine passende Größe. Das hält die Seiten schnell und die Übertragung schlank; identische Bilder werden dabei nur einmal gespeichert, auch wenn sie in mehreren Dokumenten vorkommen.

Dateien zum Herunterladen

Eine Datei zum Herunterladen – ein PDF, eine Vorlage, ein Datenblatt – pflegen Sie ebenfalls als Baustein und laden sie hoch. Sie erscheint dann als Download-Schaltfläche mit Dateiname, Format und Größe. Auch hier binden Sie den Baustein über {{name}} ein und pflegen die Datei zentral an einer Stelle.

Diagramme

Ablauf- und Struktur-Diagramme schreiben Sie direkt im Dokument – als Text, aus dem Lara-MD im Reader eine Grafik zeichnet. So sieht ein einfaches Ablauf-Diagramm aus:

graph LR E[Entwurf] --> P[Pruefung] P --> F[Freigabe]

Geschrieben haben wir es so:

<divclass="mermaid">
graph LR
    E[Entwurf] --> P[Pruefung]
    P --> F[Freigabe]
</div>

Das Wichtigste zur Schreibweise:

  • Betten Sie das Diagramm in <div class="mermaid"> … </div> ein.
  • graph LR zeichnet von links nach rechts, graph TD von oben nach unten.
  • Ein Knoten ist ein Kürzel mit Beschriftung in eckigen Klammern (E[Entwurf]), ein Pfeil verbindet zwei Knoten (E --> P).
  • Verwenden Sie in den Beschriftungen keine Anführungszeichen oder runden Klammern, und umschreiben Sie Umlaute (Pruefung statt „Prüfung"); für einen Zeilenumbruch schreiben Sie \n. So bleibt die Grafik zuverlässig lesbar.

Die Grafik entsteht erst im Reader, der das Diagramm zeichnet und ein Vergrößern per Klick erlaubt. Ohne den Reader am Zielort bleibt der Diagramm-Text stehen, ohne zur Grafik zu werden – siehe den Hinweis unter Inhalte pflegen.

Verwandte Themen