Apa itu Streamdown?

StreamDown adalah pengganti drop-in untuk React-Markdown, yang direka khusus untuk streaming berkuasa AI. Ia dibina untuk membolehkan penstriman kandungan markdown yang selamat dan sempurna tanpa pengendalian yang kompleks, menghidupkan komponen seperti komponen tindak balas elemen AI. Ia boleh dipasang dan digunakan sebagai pakej mandiri, menawarkan ciri-ciri seperti gaya tipografi terbina dalam, sokongan markdown yang berperisa GitHub, blok kod interaktif dengan shiki yang menonjolkan, ekspresi matematik melalui lateks dan Katex, rajah duyung interaktif, dan pengerasan keselamatan yang teguh terhadap suntikan cepat.

Bagaimana cara menggunakan streamdown?

Untuk menggunakan streamdown, anda boleh memasangnya secara langsung dengan `NPM I StreamDown` atau melalui` NPX AI-ELEMENTS ADD RESPONSE`. Mengintegrasikannya ke dalam aplikasi React anda dengan menggunakan komponen `` (jika menggunakan elemen AI) atau komponen streamdown itu sendiri untuk memberikan kandungan markdown. Di samping itu, anda perlu mengemas kini fail tailwind `globals.css` anda untuk memasukkan gaya StreamDown dengan menambah` @source "../ node_modules/streamdown/dist/index.js"; `.

Ciri -ciri teras StreamDown

Penggantian drop-in untuk react-markdown

Direka untuk streaming berkuasa AI

Gaya tipografi terbina dalam dengan kelas tailwind

Menyokong Github Flavored Markdown (GFM)

Blok kod interaktif dengan shiki menonjol dan butang salin

Menyokong ekspresi matematik lateks melalui kenyataan-math dan katex

Menyokong rajah duyung interaktif dengan butang render

Parses dan Styles Blok Markdown Unterminated untuk Streaming Prettier

Pengerasan keselamatan terbina dalam terhadap suntikan segera (Pengesahan asal imej/pautan)

Disesuaikan melalui alat peraga untuk komponen, awalan, plugin, dan tema shiki yang dibenarkan

Kes penggunaan StreamDown

Memberi kandungan markdown streaming AI-dihasilkan dalam aplikasi web

Membina antara muka sembang atau komponen tindak balas untuk model AI

Memaparkan kandungan markdown yang kompleks dengan ciri canggih (matematik, rajah, kod) dalam aplikasi React

Memastikan Rendering Markdown Secure dari sumber yang tidak dipercayai

Sokongan StreamDown E -mel & Perkhidmatan Pelanggan Hubungi & Kenalan Bayaran Balik dll.

Lebih banyak kenalan, lawati halaman Hubungi Kami ()