Markdown zu Webflow Rich Text

Markdown einfügen, die Vorschau prüfen und als formatierten Rich Text kopieren. Überschriften, Listen, Links und fette Schrift landen korrekt im Rich-Text-Element von Webflow.

Aktualisiert am
Eine .md-Datei ablegen oder zum Auswählen klicken
Rich-Text-Vorschau

Hinweise für Webflow

    HTML (für CMS-CSV-Import / API)

    Deine Daten verlassen nie deinen Computer. Die Verarbeitung erfolgt zu 100 % lokal im Browser.

    devpack.app ist ein unabhängiges Tool und steht in keiner Verbindung zu Webflow, Inc. oder Figma, Inc. und wird von diesen weder gesponsert noch empfohlen. Webflow und Figma sind Marken ihrer jeweiligen Inhaber.

    So nutzt du: Markdown zu Webflow Rich Text

    1. Markdown einfügen, zum Beispiel einen Artikel aus ChatGPT, Claude, Notion oder eine GitHub-README, oder eine .md-Datei hineinziehen.
    2. Vorschau und Optionen prüfen: Die erste H1 wird standardmäßig entfernt, weil Webflow den Seiten- bzw. CMS-Eintragsnamen meist bereits als H1 ausgibt.
    3. Auf Rich Text kopieren klicken (oder Strg/⌘+Enter drücken).
    4. In Webflow in ein Rich-Text-Element klicken (auf der Arbeitsfläche oder im Rich-Text-Feld eines CMS-Eintrags) und einfügen.

    Warum Markdown vor dem Einfügen in Webflow umwandeln?

    KI-Schreibtools, Notion und Entwicklerdokumentationen erzeugen alle Markdown, etwa ## Überschrift, **fett** oder - Listenpunkt. Das Rich-Text-Element von Webflow versteht diese Syntax nicht. Fügt man Markdown direkt ein, bleiben Rauten und Sternchen stehen, die man mühsam von Hand entfernen muss. Dieses Tool rendert das Markdown zu HTML und legt es als formatierten Text in die Zwischenablage, so wie beim Kopieren von einer Webseite. Webflow erhält dadurch echte Überschriften, Listen und Links.

    Was in Webflow übernommen wird

    MarkdownIm Webflow Rich Text
    # – ######-ÜberschriftenH1–H6 (erste H1 standardmäßig entfernt)
    Absätze, **fett**, *kursiv*Absätze, fett, kursiv
    [Text](url)Links (optional in neuem Tab öffnen)
    -- und 1.-ListenAufzählungs- und nummerierte Listen
    >-ZitateBlockzitate
    Tabellen, Codeblöcke, BilderBrauchen zusätzliche Schritte, siehe Hinweise-Panel

    Überschriftenhierarchie und SEO

    Jede Seite sollte genau eine H1 haben. In Webflow-CMS-Vorlagen ist der Eintragsname meist schon die H1. Eine zusätzliche H1 im Textkörper erzeugt daher doppelte H1-Überschriften. Prüfe Seiten mit dem Heading Checker. Die Option „Überschriften herabstufen“ verschiebt jede Überschrift um eine Ebene nach unten, falls dein Entwurf für Abschnitte mit H2 beginnt, du aber H3 brauchst.

    Viele Artikel importieren

    Für Massenimporte nutzt du die HTML-Ausgabe: Der CMS-CSV-Import von Webflow und die Webflow-API akzeptieren HTML für Rich-Text-Felder. Du willst einen ganzen Blog migrieren? Das Tool Markdown to HTML erstellt vollständige HTML-Dokumente und bietet weitere Optionen.

    Auch gesucht als: markdown zu rich text, webflow rich text, webflow cms, markdown einfügen, chatgpt zu webflow, md zu html.

    Passende Tools zu: Markdown zu Webflow Rich Text

    • HTML zu Markdown — Füge HTML ein – oder kopiere Rich Text direkt aus einer Webseite, einem Google Doc oder einer E-Mail – und erhalte aufgeräumtes Markdown, das du in eine README, ein Wiki oder eine statische Seite einfügen kannst.
    • Wortzähler — Füge deinen Text ein oder gib ihn ein, um Wörter und Zeichen in Echtzeit zu zählen – dazu kommen Lese- und Sprechzeit, Schlüsselwortdichte sowie Längenprüfungen für SEO-Titel, Meta-Beschreibungen und Social-Media-Beiträge.
    • SVG zu Webflow — Füge ein SVG aus Figma ein und kopiere es als echte Webflow Custom Elements – jedes <svg>, <path> und <g> wird zu einem Element, das du im Navigator auswählen, mit Klassen versehen und bearbeiten kannst.
    • WordPress zu Webflow Weiterleitungen — Beim Umzug einer Seite von WordPress zu Webflow ändert sich fast jede URL: datierte Blog-Pfade, /category/-Archive, Schrägstriche am Ende und Seiten-Slugs.

    Häufige Fragen

    Warum zeigt das Einfügen rohe Markdown-Zeichen an?
    Das Rich-Text-Element von Webflow verarbeitet kein Markdown. Kopiere stattdessen aus diesem Tool. Es legt formatiertes HTML in die Zwischenablage, das Webflow in Überschriften, Listen und Links umwandelt.
    Kann ich in CMS-Einträge einfügen?
    Ja. Öffne den CMS-Eintrag, klicke in das Rich-Text-Feld und füge den Inhalt ein. Für CSV-Importe kannst du außerdem die HTML-Ausgabe verwenden.
    Was passiert mit Tabellen?
    Das Rich-Text-Element von Webflow unterstützt keine nativen Tabellen. Füge im Rich Text ein Embed ein und füge dort das Tabellen-HTML ein.
    Werden Bilder importiert?
    Nicht zuverlässig. Lade Bilder ins Assets-Panel von Webflow hoch und füge sie über das „+“-Menü des Rich-Text-Elements ein. So erhalten sie Alt-Text und responsive Größen.
    Funktioniert es mit der Ausgabe von ChatGPT oder Claude?
    Ja. Kopiere das Markdown aus dem Chat (über den Kopieren-Button der Antwort) und füge es ein. Die Formatierung wird sauber umgewandelt.
    Kann ich Markdown zu Webflow Rich Text als Web-App installieren und offline nutzen?
    Ja. Markdown zu Webflow Rich Text ist eine installierbare Web-App (PWA) – sie wird über Ihren Browser installiert und nicht aus einem App-Store heruntergeladen. Klicken Sie oben auf dieser Seite in Chrome oder Edge (Windows, macOS, Linux, ChromeOS) auf „App installieren“ oder verwenden Sie auf Android-Geräten „Teilen“ → „Zum Startbildschirm hinzufügen“ auf dem iPhone und iPad bzw. „Datei“ → „Zum Dock hinzufügen“ in Safari 17+ auf einem Mac. Die App öffnet sich dann in einem eigenen Fenster mit einem eigenen Symbol, und da sie vollständig in Ihrem Browser ausgeführt wird, funktioniert sie auch offline. Firefox auf dem Desktop kann keine Web-Apps installieren. So funktioniert die Installation.

    Ähnliche Tools