pantoken / renderers/react-markdown/src / rehypeGithubAlerts

Funktion: rehypeGithubAlerts()

rehypeGithubAlerts(): (tree) => void

Beta

Ett rehype-plugin som markerar GitHub-varnings-blockcitat: det upptäcker en [!NOTE]-stilmarkör i början av ett blockcitat, registrerar den som data-alert="note" och tar bort markörtexten. React-komponenten blockquote renderar sedan en InstUI Alert.

Returnerar

(tree) => void

Exempel

import Markdown from "react-markdown";
import { rehypeGithubAlerts } from "@pantoken/react-markdown";

<Markdown rehypePlugins={[rehypeGithubAlerts]}>{"> [!NOTE]\n> Heads up."}</Markdown>;