Pokaż spis treści

Komponent treści

Mermaid: mermaid

Diagram procesów, stanów i zależności zapisany jako tekst Mermaid. Dokumentacja tej podstrony opisuje, co operator ustawia w panelu, jak dane trafiają do renderera MermaidBlock.astro i dlaczego komponent jest osobnym typem bloku.

Rola komponentu

Diagram procesów, stanów i zależności zapisany jako tekst Mermaid.

Operator wkleja kod Mermaid albo importuje tekst diagramu. Renderer pokazuje diagram i, gdy włączony jest pasek narzędzi, daje kontrolki pracy z rysunkiem.

Pola edytora

  • title
  • intro
  • variant surface albo plain
  • alignment left, center albo right
  • showToolbar
  • fontSize
  • diagram

Od danych bloku do renderera

flowchart LR
  A["Paleta buildera"] --> B["blockType: mermaid"]
  B --> C["Formularz pól komponentu"]
  C --> D["data_json"]
  D --> E["content_blocks"]
  E --> F["MermaidBlock.astro"]
  F --> G["Sekcja publiczna"]

Decyzje administracyjne i inżynierskie

Mermaid jest ważny w dokumentacji administracyjnej, bo procesy takie jak import, zapis bloków, role dostępu czy backup są czytelniejsze jako przepływ niż jako kolejny akapit.

Wspólne pola techniczne, takie jak sectionWidth, sectionMarginTop, sectionMarginBottom, sectionPaddingTop i sectionPaddingBottom, sprawiają, że każdy komponent można dopasować do rytmu strony bez dopisywania klas albo stylów inline.

Powiązanie z builderem

Ten komponent jest dostępny w palecie tylko wtedy, gdy jego typ pozostaje aktywny w ustawieniu enabledBlockTypes. Import YAML również sprawdza ten typ przez rejestr bloków.