WDDocumentationStatische HTML-Version
Live-WikiZIP herunterladen
activecommonmarkcssauthoring
Auf dieser Seite
  1. Text und Blöcke
  2. Listen, Status und Inline-Elemente
  3. Tabellen, Bilder, Code und Links
  4. Beispiel
  5. Sicherheitsregeln

CommonMark-Klassenvertrag

Der Renderer unterstützt wiki-commonmark-classes/v2. Nur das Attribut class ist erlaubt; unbekannte Klassen oder unzulässige Zieltypen stoppen den Content-Build.

Text und Blöcke

Klasse Zweck
wiki-lead hervorgehobener Einleitungsabsatz
wiki-muted zurückgenommener Text
wiki-small kleiner, weiterhin lesbarer Text
wiki-center zentrierter Inhalt
wiki-wide verbreiterter Inhaltsblock
wiki-card neutrale Karte
wiki-note neutraler Hinweis
wiki-info Information
wiki-tip Empfehlung
wiki-warning Warnung
wiki-danger kritischer Hinweis
wiki-success erfolgreicher Zustand
wiki-collapsible aufklappbarer Callout; erfordert zusätzlich eine Callout-Klasse

Listen, Status und Inline-Elemente

Klasse Zulässiges Ziel Darstellung
wiki-grid-2, wiki-grid-3 ul, ol responsives Kartenraster
wiki-steps ol nummerierter Ablauf
wiki-tree ul, ol technische Baumdarstellung
wiki-badge strong, em, code, a Badge-Grundstil
wiki-status-info Badge-Ziele informative Variante
wiki-status-ok Badge-Ziele erfolgreicher Zustand
wiki-status-warning Badge-Ziele Warnzustand
wiki-status-error Badge-Ziele Fehlerzustand
wiki-kbd Inline-Code Tastenkappe

Jede Statusvariante erfordert zusätzlich wiki-badge. Pro Element ist höchstens eine Grid-, Callout- oder Statusvariante erlaubt.

Klasse Zulässiges Ziel Darstellung
wiki-table-compact Tabelle kompakte Abstände
wiki-table-striped Tabelle alternierende Zeilen
wiki-table-scroll Tabelle horizontaler Überlauf
wiki-image-small Bild maximal etwa 22 rem
wiki-image-medium Bild maximal etwa 46 rem
wiki-image-full Bild volle Inhaltsbreite
wiki-image-bordered Bild sichtbarer Rahmen
wiki-command Fenced-Codeblock Befehl
wiki-config Fenced-Codeblock Konfiguration
wiki-output Fenced-Codeblock Ausgabe
wiki-button Link primäre Schaltfläche
wiki-button-secondary Link sekundäre Schaltfläche

Pro Bild ist höchstens eine Größenklasse, pro Codeblock eine Rolle und pro Link eine Buttonvariante erlaubt. wiki-image-bordered, wiki-center und wiki-wide können passend ergänzt werden.

Beispiel

Ein kompakter Einstieg. {.wiki-lead}

> **Achtung**
>
> Diese Konfiguration betrifft einen produktiven Dienst.
>
> **Bereinigungsvorschlag**
>
> Konfiguration zuerst in einer isolierten Umgebung prüfen.
{.wiki-warning .wiki-collapsible}

**LIVE**{.wiki-badge .wiki-status-ok}

![Systemübersicht](images/architecture.svg){.wiki-image-full .wiki-image-bordered}

[Zum MCP-Center](https://mcp.webdevmedia.de/central){.wiki-button}

Die vollständige Registry ist unter commonmark-classes.json maschinenlesbar.

Sicherheitsregeln

  • Erlaubt ist ausschließlich das Attribut class.
  • id, style, data-*, target, Event-Handler und unbekannte Klassen stoppen den Build.
  • Raw HTML in Markdown stoppt den Build und wird nicht veröffentlicht.
  • Unsichere URL-Protokolle und externe Bilder stoppen den Build.
  • Überschriften-IDs erzeugt ausschließlich der Server.
  • Eine Klasse darf weder Inhalte verstecken noch fixe oder absolute Positionierung erzwingen.
  • wiki-collapsible verwendet ein natives, tastaturbedienbares Details-Element. Die erste fett gesetzte Zeile wird zur sichtbaren Zusammenfassung; der vollständige Inhalt bleibt in der Druckansicht sichtbar.

Suchergebnisse