Systemaktualisierungen

• Multiformat-Erkennung: Identifiziert präzise Mermaid-Diagramme, Roh-HTML/XML, Quellcode (Python, JS, CSS usw.) und mathematische LaTeX-Formeln.
• Strukturanalyse: Verwendet intelligente reguläre Ausdrücke und strukturelle Schwellenwerte (z.B. Klammerndichte, Anzahl der Semikolons) anstelle von einfachem Schlüsselwort-Abgleich.
• Leistungsoptimiert: Gebaut mit Debounce-Logik, um sicherzustellen, dass die Leistung beim Tippen in Echtzeit reibungslos bleibt, ohne den Haupt-Thread zu blockieren.

• Ein-Klick-Wechsel: Ein Sticky-Banner erscheint automatisch, wenn eine Nichtübereinstimmung festgestellt wird, und bietet eine Ein-Klick-Umleitung zum am besten geeigneten Werkzeug.
• Statusbewahrung: Ihr Entwurfsinhalt wird während der Umleitung sicher im sessionStorage zwischengespeichert. Sobald das Zielwerkzeug geladen ist, wird Ihr Inhalt sofort in den Editor eingefügt. Kein lästiges Hin- und Herkopieren mehr!

• Inline-SVG-Rendering: Fügen Sie <svg>...</svg>-Code direkt in Ihr Markdown ein, und er wird automatisch als visuelle Grafik gerendert — Verläufe, Filter, Clipping-Pfade und CSS-Animationen bleiben vollständig erhalten.
• Code-Anzeigemodus: Verwenden Sie ```svg-Codeblöcke, um SVG-Quellcode mit Syntaxhervorhebung anzuzeigen, ideal für Tutorials und Dokumentation.
• Perfekte Wiedergabetreue: Umgeht die Behandlung von XML-Namespaces (xmlns:xlink, xlink:href) und SVG-spezifischen Attributen (clip-path, filter) durch den HTML5-Parser und stellt sicher, dass die gerenderte Ausgabe exakt dem Original-SVG entspricht.

• Perfektes Rendering: Unterstützt modernes CSS, Flexbox, Grid und Typografie, präzise in Bildformate konvertiert.
• Exportoptionen: Laden Sie Ihre HTML-Snippets als PNG, JPEG, WebP oder PDF herunter.
• Datei-Upload & URL-Import: Importieren Sie ganz einfach vorhandene .html-Dateien oder rufen Sie HTML direkt über eine öffentliche URL ab.
• API-Unterstützung: Vollständig integriert in unseren /api/v1/images/generate-Endpunkt für die programmatische Generierung.

• Verwenden Sie ```plantuml Codeblöcke zum Rendern von UML-Diagrammen (Sequenz-, Klassen-, Anwendungsfall-, Aktivitätsdiagramme usw.).
• Basiert auf dem PlantUML Public Server mit hochwertigem SVG-Output — keine lokale Java-Installation erforderlich.

• Verwenden Sie ```infographic Codeblöcke zum Rendern von Infografik-Visualisierungen.
• Integriert die AntV Infographic-Engine mit ca. 200 integrierten Vorlagen.
• Unterstützt Listen-, Fluss-, Vergleichs- und viele weitere Layout-Typen.

• Zwei Syntaxoptionen: [Text]{Annotation} und [Text]^(Annotation).
• Mono-Ruby: Bei übereinstimmender Zeichen- und Silbenanzahl wird jedes Zeichen einzeln annotiert.
• Intelligentes Matching: Überschüssige Silben werden abgeschnitten; bei mehr Zeichen als Silben erfolgt eine Gruppenannotation.
• Unterstützt Leerzeichen, · und ・ als Silbentrenner.

• Unterstützung für \(...\) Inline-Mathe und \[...\] Display-Mathe-Syntax hinzugefügt.
• Automatische Konvertierung in remark-math-kompatibles Format, kompatibel mit bestehender $...$ / $$...$$ Syntax.

• Auf npm veröffentlicht: Sofortige Installation mit npx markdowntoimage-mcp — keine Konfiguration nötig, einfach Ihren API-Token hinzufügen.
• Zwei verfügbare Tools:
  • generate_image — Markdown in PNG/JPEG/WebP konvertieren mit vollständiger Parameterunterstützung (Themes, Code-Stile, Schriftarten, Breite, Qualität).
  • get_usage — Monatliches API-Kontingent und Credit-Saldo überprüfen.
• Umfangreiche Parameterbeschreibungen: Das Tool-Schema enthält alle verfügbaren Theme-, Code-Stil- und Schriftartoptionen, damit KI-Modelle automatisch die besten Einstellungen wählen.
• Stdio-Transport: Funktioniert sofort mit Claude Desktop, Cursor und anderen MCP-Clients über Standard-I/O.

Fügen Sie dies zu Ihrer claude_desktop_config.json hinzu:

{
  "mcpServers": {
    "markdowntoimage": {
      "command": "npx",
      "args": ["-y", "markdowntoimage-mcp"],
      "env": {
        "MTI_API_TOKEN": "mti_ihr_token_hier"
      }
    }
  }
}

Dann fragen Sie Claude einfach: „Konvertiere dieses Markdown in ein Bild" — der Rest wird erledigt.

• npm: npm install markdowntoimage-mcp
• API-Token erhalten: Profil → API-Tokens
• API-Dokumentation: markdowntoimage.com/api-docs

• Bildgenerierungs-API: POST /api/v1/images/generate — Konvertiert Markdown in PNG-, JPEG- oder WebP-Bilder mit voller Unterstützung für Code-Hervorhebung, KaTeX-Mathematik, Mermaid-Diagramme und 19 visuelle Themen.
• Nutzungsstatistik-API: GET /api/v1/account/usage — Verfolgen Sie Ihr monatliches Kontingent und Ihren Credit-Saldo in Echtzeit.
• MCP-kompatibles Schema: GET /api/v1/schema — API-Schema im MCP (Model Context Protocol) Tool-Definitionsformat, bereit für die Integration von KI-Agenten.
• Zwei Antwortmodi: Wählen Sie zwischen url-Modus (temporäre Bild-URL, 24 Stunden gültig) oder binary-Modus (rohe Bilddaten).

• Sichere Token-Verwaltung: Erstellen, auflisten und widerrufen Sie API-Tokens auf Ihrer Profilseite. Tokens werden als SHA-256-Hashes gespeichert — Ihr Geheimnis wird nur einmal bei der Erstellung angezeigt.
• Bearer-Token-Authentifizierung: Einfacher Authorization: Bearer mti_xxx-Header für alle API-Aufrufe.

• 50 kostenlose Anfragen/Monat: Jedes Konto erhält 50 kostenlose API-Aufrufe pro Monat (Bilder enthalten ein Wasserzeichen).
• Credit-basierte Anfragen: Nach dem kostenlosen Kontingent kostet jede Anfrage 1 Credit und das Wasserzeichen wird automatisch entfernt.
• Nutzungs-Dashboard: Überwachen Sie Ihr kostenloses Kontingent und Ihren Credit-Saldo auf der API-Tokens-Seite.

• Interaktive API-Dokumentation: Eine neue /api-docs-Seite mit Endpunkt-Dokumentation, Parameter-Referenz (einschließlich aller gültigen Werte für Themen, Code-Stile und Schriftarten) und Code-Beispielen in cURL, Python, Node.js und Go.
• API-Ankündigungsbanner: Ein seitenweites Banner, das Benutzer über die neue API-Verfügbarkeit informiert.

• Theme-Rendering-Fix: Ein Problem wurde behoben, bei dem der theme-Parameter keine Auswirkung auf API-generierte Bilder hatte. Alle 19 Themen werden jetzt korrekt angewendet.
• Font-Rendering-Fix: Ein Problem wurde behoben, bei dem der fontFamily-Parameter (z.B. inter, japanese) geladen, aber nicht angewendet wurde. Google Fonts setzen jetzt die CSS-Eigenschaft font-family korrekt.

• Optimierung des Startseitentitels: Die Typografie des Startseitentitels wurde verfeinert, um eine perfekte Sichtbarkeit aller Zeichen bei gleichzeitiger Beibehaltung einer schlanken, kompakten Ästhetik zu gewährleisten.
• AdSense-Layout-Korrekturen: Layoutprobleme auf ultrabreiten Bildschirmen (>2560px) wurden behoben, bei denen der Navigationsheader Inhalte der Seitenleiste verdecken konnte.
• Entfernung doppelter H1-Tags: Die Seitenstruktur wurde für besseres SEO optimiert, indem sichergestellt wurde, dass auf den Seiten converter und markdown-to-cards nur ein einziges semantisches H1-Tag vorhanden ist.

• Modulares Übersetzungssystem: Das gesamte Lokalisierungssystem wurde refaktoriert, wobei große JSON-Dateien in modulare Komponenten unterteilt wurden, um die Wartbarkeit und Ladegeschwindigkeit zu verbessern.
• Vollständige Sprachunterstützung: Umfassende Übersetzungsdateien für die Funktion explore wurden für alle unterstützten Sprachen (Chinesisch, Englisch, Spanisch, Deutsch, Portugiesisch, Japanisch) hinzugefügt.
• Korrektur fehlender Nachrichten: Verschiedene MISSING_MESSAGE-Fehler in Spanisch, Chinesisch und anderen Lokalisierungen wurden behoben, um ein nahtloses lokalisiertes Erlebnis zu gewährleisten.

• Aktualisierung der Beispielinhalte: Markdown-Beispielvorlagen wurden aktualisiert, um den Best Practices für die Überschriftenhierarchie zu folgen.
• Leistung: Ladezeiten wurden durch Reduzierung der Größe der Übersetzungspakete optimiert.

• Benutzer-Medienbibliothek: Eine Benutzer-Medienbibliothek wurde hinzugefügt, um hochgeladene Dateien automatisch zu speichern und die Verwaltung sowie Wiederverwendung zu erleichtern.
• Formelzentrierung: Eine Einstellung wurde hinzugefügt, um die Zentrierung von Formeln umzuschalten, was mehr Flexibilität beim Layout mathematischer Formeln bietet.
• Wasserzeichen-Optimierung: Das Wasserzeichen "created by markdowntoimage.com" wurde zu Bildern hinzugefügt, die im Code-, Mermaid- und Formel-Modus generiert wurden.
• Code-Formatierung: Die Formatierung von Codeblöcken wurde optimiert.

• Optimierung des Schriftartenladens:
  • Probleme beim Laden von Schriftarten wurden behoben und die Strategie für dynamische Schriftarten angepasst.
  • Das Laden von Schriftarten für Markdown to Cards wurde korrigiert.
  • Inkonsistenzen zwischen der Schriftartenauswahl in der Vorschau und im Frontend wurden behoben.
  • Der Fehler document ist nicht definiert während der Seiteninitialisierung wurde behoben.
• Mehrsprachige Korrekturen: Fehlende Übersetzungsschlüssel in mehrsprachigen Umgebungen wurden korrigiert.

Wir haben die brandneue Funktion Markdown to Cards eingeführt! Jetzt können Sie Markdown-Texte ganz einfach in wunderschöne Karten für soziale Medien umwandeln.

• Vielfältige Layouts: Bietet verschiedene voreingestellte Kartenstile für unterschiedliche Anforderungen.
• Intelligente Typografie: Optimiert automatisch die Anzeige von langen Texten auf Karten.
• Social Sharing: Die generierten Bildgrößen sind perfekt an Plattformen wie Twitter, Instagram und Xiaohongshu.

Damit die generierten Bilder besser zu Ihrer Marke oder Ihrem persönlichen Stil passen, haben wir die Möglichkeiten zur Themenanpassung erheblich erweitert:

• Farbanpassung: Sie können jetzt die Farben von Überschriften, Fließtext, Links und hervorgehobenem Text frei ändern und sind nicht mehr auf voreingestellte Themen beschränkt.
• Schriftauswahl: Eine Vielzahl ausgewählter Schriftarten wurde hinzugefügt, um reichhaltigere Layout-Effekte für gemischte chinesische und englische Texte zu unterstützen.
• Hintergrundbilder: Unterstützt das Hochladen eigener Hintergrundbilder mit Overlay- und Weichzeichner-Optionen (Blur), um den Text klarer zu machen.

• Japanisch-Unterstützung hinzugefügt: Wir haben offiziell die Unterstützung für Japanisch hinzugefügt! 🇯🇵
• Übersetzungsoptimierung: Fehlende Übersetzungen (i18n) wurden umfassend geprüft und behoben, um die Benutzererfahrung in mehrsprachigen Umgebungen zu verbessern.

• Logo-Anzeige: Ein Problem wurde behoben, bei dem die Logo-Position in einigen Themen verschoben war.
• Leistungsoptimierung: Die Leistung und Stabilität der Stapelverarbeitung von Bildern (Batch Images) wurde optimiert.
• Vorschau-Optimierung: Probleme wurden behoben, bei denen durch Vorschau-Caching alte Inhalte erhalten blieben.
• Erlebnis-Details: Eine "Powered by"-Link-Anzeige wurde hinzugefügt, damit Benutzer mehr erfahren können.

Probieren Sie diese neuen Funktionen aus! Wenn Sie Vorschläge haben oder auf Probleme stoßen, geben Sie uns bitte Feedback.