Streamdown
Qu'est-ce que Streamdown ?
Streamdown est un remplacement direct pour react-markdown, spécialement conçu pour le streaming alimenté par l'IA. Il a été construit pour permettre le streaming de contenu Markdown sûr et parfaitement formaté sans gestion complexe, alimentant des composants comme le composant de réponse aux éléments AI. Il peut être installé et utilisé comme un package autonome, offrant des fonctionnalités telles que des styles typographiques intégrés, la prise en charge de GitHub Flavored Markdown, des blocs de code interactifs avec la coloration syntaxique Shiki, des expressions mathématiques via LaTeX et KaTeX, des diagrammes Mermaid interactifs, et un renforcement de la sécurité robuste contre l'injection de commandes.
Comment utiliser Streamdown ?
Pour utiliser Streamdown, vous pouvez l'installer directement avec `npm i streamdown` ou via `npx ai-elements add response`. Intégrez-le dans votre application React en utilisant le composant `<Response>` (si vous utilisez AI Elements) ou le composant Streamdown lui-même pour rendre le contenu Markdown. De plus, vous devez mettre à jour votre fichier `globals.css` de Tailwind pour inclure les styles de Streamdown en ajoutant `@source "..\/node_modules\/streamdown\/dist\/index.js";`.
Fonctionnalités de base de Streamdown
Remplacement direct pour react-markdown
Conçu pour le streaming alimenté par l'IA
Styles typographiques intégrés avec des classes Tailwind
Prise en charge de GitHub Flavored Markdown (GFM)
Blocs de code interactifs avec coloration syntaxique Shiki et bouton de copie
Prend en charge les expressions mathématiques LaTeX via remark-math et KaTeX
Prend en charge les diagrammes Mermaid interactifs avec bouton de rendu
Analyse et stylise les blocs Markdown non terminés pour un streaming plus esthétique
Renforcement de la sécurité intégré contre l'injection de commandes (validation de l'origine des images/liens)
Personnalisable via des props pour les composants, préfixes autorisés, plugins et thèmes Shiki
Les cas d'utilisation de Streamdown
Rendre du contenu Markdown généré par l'IA en streaming dans des applications web
Construire des interfaces de chat ou des composants de réponse pour des modèles d'IA
Afficher du contenu Markdown complexe avec des fonctionnalités avancées (mathématiques, diagrammes, code) dans des applications React
Assurer un rendu Markdown sécurisé à partir de sources non fiables
FAQ de Streamdown
Qu'est-ce que Streamdown et en quoi cela diffère-t-il de react-markdown ?
Streamdown prend-il en charge le Markdown incomplet pendant le streaming ?
Comment Streamdown gère-t-il la sécurité pour le contenu en streaming ?
Puis-je personnaliser l'apparence des blocs de code ou d'autres éléments Markdown ?
Streamdown E-mail d'assistance, contact du service client et contact de remboursement, etc.
Plus de contacts, visitez la page Contactez-nous()
Société Streamdown
Streamdown Nom de l'entreprise : Vercel .
Streamdown Adresse de l'entreprise : .
Pour en savoir plus sur Streamdown, veuillez visiter la la page À propos de nous() .
Streamdown Connexion
Streamdown S'inscrire
Streamdown Github
Lien de Github Streamdown : https://github.com/vercel/streamdown
Streamdown Avis (0)
Analyse de Streamdown
Streamdown Analyse du trafic du site Web
Trafic géographique
Top 5 Régions
Streamdown Lancer les intégrations
Utilisez les badges de site web pour obtenir le soutien de votre communauté lors du lancement de Toolify. Ils sont faciles à intégrer à votre page d'accueil ou à votre pied de page.
Alternative à Streamdown
Écoute des médias sociaux