Actualizaciones del Sistema

• Reconocimiento Multiformato: Identifica con precisión diagramas Mermaid, HTML/XML en bruto, código fuente (Python, JS, CSS, etc.) y fórmulas matemáticas LaTeX.
• Análisis Estructural: Utiliza expresiones regulares inteligentes y umbrales estructurales (como la densidad de llaves y el recuento de punto y coma) en lugar de una simple coincidencia de palabras clave.
• Rendimiento Optimizado: Construido con lógica de rebote (debounce) para garantizar que el rendimiento de escritura en tiempo real siga siendo fluido sin bloquear el hilo principal.

• Cambio con un Clic: Un banner adhesivo aparece automáticamente cuando se detecta una falta de coincidencia, ofreciendo una redirección con un clic a la herramienta más adecuada.
• Preservación del Estado: El contenido redactado se almacena de forma segura en sessionStorage durante la redirección. Una vez que la herramienta de destino se carga, inserta instantáneamente tu contenido en el editor. ¡No más copiar y pegar de un lado a otro!

• Renderizado SVG en línea: Pega código <svg>...</svg> directamente en tu Markdown y se renderizará automáticamente como gráfico visual, preservando completamente gradientes, filtros, rutas de recorte y animaciones CSS.
• Modo de visualización de código: Usa bloques de código ```svg para mostrar el código fuente SVG con resaltado de sintaxis, perfecto para tutoriales y documentación.
• Fidelidad perfecta: Evita el procesamiento del parser HTML5 de los espacios de nombres XML (xmlns:xlink, xlink:href) y atributos específicos de SVG (clip-path, filter), asegurando que la salida renderizada coincida exactamente con el SVG original.

• Renderizado perfecto: Soporta CSS moderno, flexbox, grid y tipografía, convertido con precisión a formatos de imagen.
• Opciones de exportación: Descarga tus fragmentos de HTML como PNG, JPEG, WebP o PDF.
• Carga de archivos e importación de URL: Importa fácilmente archivos .html existentes o obtén HTML directamente desde cualquier URL pública.
• Soporte de API: Totalmente integrado con nuestro endpoint /api/v1/images/generate para la generación programática.

• Usa bloques de código ```plantuml para renderizar diagramas UML (secuencia, clases, casos de uso, actividad, etc.).
• Basado en el servidor público de PlantUML, produce salida SVG de alta calidad sin necesidad de instalación local de Java.

• Usa bloques de código ```infographic para renderizar infografías visuales.
• Integra el motor AntV Infographic con ~200 plantillas incorporadas.
• Soporta tipos de diseño de lista, flujo, comparación y muchos más.

• Dos opciones de sintaxis: [texto]{anotación} y [texto]^(anotación).
• Mono ruby: cuando el número de caracteres coincide con las sílabas, cada carácter se anota individualmente.
• Coincidencia inteligente: trunca sílabas extra cuando exceden los caracteres; agrupa cuando los caracteres exceden las sílabas.
• Soporta espacios, · y ・ como delimitadores de sílabas.

• Soporte añadido para sintaxis \(...\) matemáticas en línea y \[...\] matemáticas en bloque.
• Conversión automática a formato compatible con remark-math, funcionando junto con la sintaxis existente $...$ / $$...$$.

• Publicado en npm: Instala al instante con npx markdowntoimage-mcp — configuración cero, solo añade tu token de API.
• Dos herramientas disponibles:
  • generate_image — Convierte Markdown a PNG/JPEG/WebP con soporte completo de parámetros (temas, estilos de código, fuentes, ancho, calidad).
  • get_usage — Consulta tu cuota mensual de API y saldo de créditos.
• Descripciones detalladas de parámetros: El esquema de herramientas incluye todas las opciones de temas, estilos de código y fuentes disponibles, ayudando a los modelos de IA a seleccionar automáticamente la mejor configuración.
• Transporte Stdio: Funciona de inmediato con Claude Desktop, Cursor y otros clientes MCP a través de I/O estándar.

Añade esto a tu claude_desktop_config.json:

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

Luego solo pide a Claude: "Convierte este markdown en una imagen" — se encarga del resto.

• npm: npm install markdowntoimage-mcp
• Obtener token de API: Perfil → Tokens de API
• Documentación de la API: markdowntoimage.com/api-docs

• API de Generación de Imágenes: POST /api/v1/images/generate — Convierte Markdown a imágenes PNG, JPEG o WebP con soporte completo para resaltado de código, matemáticas KaTeX, diagramas Mermaid y 19 temas visuales.
• API de Estadísticas de Uso: GET /api/v1/account/usage — Rastrea tu cuota mensual y saldo de créditos en tiempo real.
• Schema Compatible con MCP: GET /api/v1/schema — Schema de la API en formato de definición de herramientas MCP (Model Context Protocol), listo para la integración de agentes de IA.
• Dos Modos de Respuesta: Elige entre modo url (URL de imagen temporal, válida por 24 horas) o modo binary (datos de imagen sin procesar).

• Gestión Segura de Tokens: Crea, lista y revoca tokens de API desde tu página de perfil. Los tokens se almacenan como hashes SHA-256 — tu secreto se muestra solo una vez al crearlo.
• Autenticación Bearer Token: Simple encabezado Authorization: Bearer mti_xxx para todas las llamadas a la API.

• 50 Solicitudes Gratuitas/Mes: Cada cuenta obtiene 50 llamadas gratuitas a la API por mes (las imágenes incluyen marca de agua).
• Solicitudes Basadas en Créditos: Después de la cuota gratuita, cada solicitud cuesta 1 crédito y la marca de agua se elimina automáticamente.
• Panel de Uso: Monitorea tu cuota gratuita y saldo de créditos en la página de Tokens de API.

• Documentación Interactiva de la API: Una nueva página /api-docs con documentación de endpoints, referencia de parámetros (incluyendo todos los valores válidos para temas, estilos de código y fuentes) y ejemplos de código en cURL, Python, Node.js y Go.
• Banner de Anuncio de la API: Un banner en todo el sitio notificando a los usuarios sobre la nueva disponibilidad de la API.

• Corrección de Renderizado de Temas: Se solucionó un problema donde el parámetro theme no tenía efecto en las imágenes generadas por la API. Los 19 temas ahora se aplican correctamente.
• Corrección de Renderizado de Fuentes: Se solucionó un problema donde el parámetro fontFamily (ej. inter, japanese) se cargaba pero no se aplicaba. Google Fonts ahora establece correctamente la propiedad CSS font-family.

• Optimización del Título de la Página de Inicio: Se refinó la tipografía del título de la página de inicio para garantizar una visibilidad perfecta de todos los caracteres, manteniendo una estética elegante y compacta.
• Correcciones de Diseño de AdSense: Se resolvieron problemas de diseño en pantallas ultra anchas (>2560px) donde el encabezado de navegación podía oscurecer el contenido de la barra lateral.
• Eliminación de H1 Duplicados: Se optimizó la estructura de la página para un mejor SEO asegurando una única etiqueta H1 semántica en las páginas converter y markdown-to-cards.

• Sistema de Traducción Modular: Se refactorizó todo el sistema de localización, dividiendo los archivos JSON grandes en componentes modulares para un mejor mantenimiento y una carga más rápida.
• Soporte de Idioma Completo: Se agregaron archivos de traducción completos para la función explore en todos los idiomas compatibles (chino, inglés, español, alemán, portugués, japonés).
• Corrección de Mensajes Faltantes: Se corrigieron varios errores de MISSING_MESSAGE en español, chino y otros idiomas para garantizar una experiencia localizada perfecta.

• Actualizaciones de Contenido de Ejemplo: Se actualizaron las plantillas de markdown de ejemplo para seguir las mejores prácticas en la jerarquía de encabezados.
• Rendimiento: Se optimizaron los tiempos de carga reduciendo el tamaño de los paquetes de traducción.

• Biblioteca de Medios de Usuario: Se añadió una biblioteca de medios de usuario para guardar automáticamente los registros de archivos subidos, facilitando su gestión y reutilización.
• Centrado de Fórmulas: Se añadió una configuración para alternar el centrado de fórmulas, ofreciendo más flexibilidad en el diseño de fórmulas matemáticas.
• Optimización de Marca de Agua: Se añadió la marca de agua "created by markdowntoimage.com" a las imágenes generadas en los modos Código, Mermaid y Fórmula.
• Formato de Código: Se optimizó el formato de los bloques de código.

• Optimización de Carga de Fuentes:
  • Se resolvieron problemas de carga de fuentes y se ajustó la estrategia de carga dinámica de fuentes.
  • Se corrigió la carga de fuentes para Markdown to Cards.
  • Se corrigió la inconsistencia entre la selección de fuentes en la vista previa y la selección en el frontend.
  • Se corrigió el error document no definido durante la inicialización de la página.
• Correcciones Multilingües: Se corrigieron claves de traducción faltantes en entornos multilingües.

¡Hemos lanzado la nueva función Markdown to Cards! Ahora puedes convertir fácilmente texto Markdown en hermosas tarjetas para compartir en redes sociales.

• Múltiples Diseños: Ofrece varios estilos de tarjetas preestablecidos para satisfacer diferentes necesidades.
• Tipografía Inteligente: Optimiza automáticamente la visualización de textos largos en las tarjetas.
• Compartir en Redes Sociales: Los tamaños de imagen generados están perfectamente adaptados para plataformas como Twitter, Instagram y Xiaohongshu.

Para que las imágenes generadas coincidan mejor con tu marca o estilo personal, hemos mejorado significativamente las capacidades de personalización de temas:

• Personalización de Colores: Ahora puedes modificar libremente los colores de títulos, cuerpo de texto, enlaces y texto enfatizado, ya no limitado a temas preestablecidos.
• Selección de Fuentes: Se han añadido una variedad de fuentes seleccionadas para soportar efectos de diseño mixto chino e inglés más ricos.
• Imágenes de Fondo: Admite la carga de imágenes de fondo personalizadas, con opciones de superposición (Overlay) y desenfoque (Blur) para hacer el texto más claro.

• Soporte para Japonés Añadido: ¡Hemos añadido oficialmente soporte para japonés! 🇯🇵
• Optimización de Traducción: Se han revisado y corregido exhaustivamente las traducciones faltantes (i18n) para mejorar la experiencia del usuario en entornos multilingües.

• Visualización del Logo: Se solucionó el problema donde la posición del logo estaba desplazada en algunos temas.
• Optimización de Rendimiento: Se optimizó el rendimiento y la estabilidad de la generación de imágenes por lotes (Batch Images).
• Optimización de Vista Previa: Se solucionaron problemas donde el almacenamiento en caché de la vista previa podía causar que quedara contenido antiguo.
• Detalles de Experiencia: Se añadió una visualización de enlace "Powered by" para ayudar a los usuarios a saber más.

¡Ven y experimenta estas nuevas funciones! Si tienes alguna sugerencia o encuentras algún problema, no dudes en darnos tu opinión.