Markdown

Pixi’VN no está vinculado a ningún marcado y proporciona al desarrollador la capacidad de elegir el marcado que prefiera. Sin embargo, se recomienda usar Markdown.

A continuación se muestran algunos ejemplos de implementaciones de Markdown en el 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 es una biblioteca que combina Markdown y el efecto de máquina de escribir. Esta biblioteca fue creada por mí para satisfacer mi necesidad de añadir un efecto de máquina de escribir al componente Markdown en mis plantillas de React.

Si estás usando React, te recomiendo que la uses:

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>
    );
}