Streamdown
¿Qué es Streamdown?
Streamdown es un reemplazo directo para react-markdown, diseñado específicamente para streaming impulsado por IA. Fue construido para permitir el streaming de contenido Markdown seguro y perfectamente formateado sin un manejo complejo, impulsando componentes como el componente de Respuesta de Elementos IA. Se puede instalar y usar como un paquete independiente, ofreciendo características como estilos de tipografía integrados, soporte de Markdown Flavored GitHub, bloques de código interactivos con resaltado de Shiki, expresiones matemáticas a través de LaTeX y KaTeX, diagramas de Mermaid interactivos y un endurecimiento de seguridad robusto contra inyecciones de aviso.
¿Cómo usar Streamdown?
Para usar Streamdown, puedes instalarlo directamente con `npm i streamdown` o a través de `npx ai-elements add response`. Integralo en tu aplicación React utilizando el componente `<Response>` (si usas Elementos IA) o el componente Streamdown para renderizar contenido Markdown. Además, necesitas actualizar tu archivo `globals.css` de Tailwind para incluir los estilos de Streamdown añadiendo `@source "..\/node_modules\/streamdown\/dist\/index.js";`.
Características principales de Streamdown
Reemplazo directo para react-markdown
Diseñado para streaming impulsado por IA
Estilos de tipografía integrados con clases de Tailwind
Soporte para Markdown Flavored GitHub (GFM)
Bloques de código interactivos con resaltado de Shiki y botón de copia
Soporta expresiones matemáticas de LaTeX a través de remark-math y KaTeX
Soporta diagramas de Mermaid interactivos con botón de renderización
Analiza y estiliza bloques de Markdown no terminados para un streaming más bonito
Endurecimiento de seguridad integrado contra inyecciones de aviso (validación de origen de imágenes/enlaces)
Personalizable a través de props para componentes, prefijos permitidos, plugins y temas de Shiki
Casos de uso de Streamdown
Renderizar contenido Markdown de streaming generado por IA en aplicaciones web
Construir interfaces de chat o componentes de respuesta para modelos de IA
Mostrar contenido Markdown complejo con características avanzadas (matemáticas, diagramas, código) en aplicaciones React
Asegurar la renderización de Markdown de fuentes no confiables
FAQ de Streamdown
¿Qué es Streamdown y cómo se diferencia de react-markdown?
¿Streamdown soporta Markdown incompleto durante el streaming?
¿Cómo maneja Streamdown la seguridad del contenido transmitido?
¿Puedo personalizar la apariencia de los bloques de código u otros elementos de Markdown?
Streamdown Correo electrónico de soporte, contacto de servicio al cliente, contacto de reembolso, etc.
Más contacto, visite la página de contacto()
Streamdown empresa
Streamdown Nombre de la empresa: Vercel .
Streamdown Dirección de la empresa: .
Más información sobre Streamdown, visite la página acerca de nosotros() .
Streamdown Iniciar sesión
Streamdown Registrarse
Github de Streamdown
Enlace de Github de Streamdown: https://github.com/vercel/streamdown
Streamdown Reseñas (0)
Analítica de Streamdown
Streamdown Análisis del tráfico del sitio web
Tráfico geográfico
Top 5 Regiones
Streamdown Iniciar incrustaciones
Utiliza las insignias del sitio web para impulsar el apoyo de tu comunidad para el lanzamiento de Toolify. Son fáciles de incrustar en tu página de inicio o pie de página.
Alternativa de Streamdown
69.20%
Escucha en redes sociales