Markdown

Pixi’VN не привязан ни к какой разметке и предоставляет разработчику возможность выбрать предпочтительную разметку. Тем не менее рекомендуется использовать Markdown.

Ниже приведены примеры реализации Markdown в экосистеме 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 — это библиотека, сочетающая Markdown и эффект пишущей машинки. Эта библиотека была создана мной для удовлетворения моей потребности добавить эффект пишущей машинки к компоненту Markdown в моих шаблонах React.

Если вы используете React, я рекомендую её использовать:

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