10 lines
608 B
TypeScript
10 lines
608 B
TypeScript
import ReactMarkdown from "react-markdown";
|
|
import rehypeHighlight from "rehype-highlight";
|
|
import remarkGfm from "remark-gfm";
|
|
import { withoutInlineTags } from "@/lib/tags";
|
|
|
|
/** Raw HTML is intentionally not enabled, so Memos content cannot inject script or markup. */
|
|
export function Markdown({ content, tags = [], compact = false }: { content: string; tags?: string[]; compact?: boolean }) {
|
|
return <div className={`markdown${compact ? " markdown-compact" : ""}`}><ReactMarkdown remarkPlugins={[remarkGfm]} rehypePlugins={[rehypeHighlight]}>{withoutInlineTags(content, tags)}</ReactMarkdown></div>;
|
|
}
|