Markdown

Pixi’VN non è legato ad alcun markup e offre allo sviluppatore la libertà di scegliere il markup che preferisce. Tuttavia, si consiglia di utilizzare Markdown.

Ecco alcuni esempi di implementazioni di Markdown nell'ecosistema JavaScript:

// I use the react-markdown library to convert the Markdown to HTML
// read more about it here: https://www.npmjs.com/package/react-markdown
import Markdown from "react-markdown";
import rehypeRaw from "rehype-raw";
import remarkGfm from "remark-gfm";

export default function MarkdownComponent({ text }: { text: string }) {
    return (
        <Markdown remarkPlugins={[remarkGfm]} rehypePlugins={[rehypeRaw]}>
            {text}
        </Markdown>
    );
}

React Markdown Typewriter

React Markdown Typewriter è una libreria che combina Markdown e l'effetto macchina da scrivere. Questa libreria è stata creata da me per soddisfare la mia esigenza di aggiungere un effetto macchina da scrivere al componente Markdown nei miei template React.

Se stai usando React, ti consiglio di utilizzarla:

import { MarkdownTypewriter } from "react-markdown-typewriter";
import rehypeRaw from "rehype-raw";
import remarkGfm from "remark-gfm";

export default function MarkdownComponent({ text }: { text: string }) {
    return (
        <MarkdownTypewriter
            remarkPlugins={[remarkGfm]}
            rehypePlugins={[rehypeRaw]}
        >
            {text}
        </MarkdownTypewriter>
    );
}