Markdown

Pixi’VN ist an keine Auszeichnungssprache gebunden und gibt dem Entwickler die Möglichkeit, die bevorzugte Auszeichnungssprache zu wählen. Es wird jedoch empfohlen, Markdown zu verwenden.

Hier sind einige Beispiele für Implementierungen von Markdown im JavaScript-Ökosystem:

// 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 ist eine Bibliothek, die Markdown und einen Schreibmaschineneffekt kombiniert. Diese Bibliothek wurde von mir erstellt, um meinem Bedarf gerecht zu werden, einen Schreibmaschineneffekt zur Markdown-Komponente in meinen React-Vorlagen hinzuzufügen.

Wenn Sie React verwenden, empfehle ich die Nutzung dieser Bibliothek:

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