Keep some HTML tag when convert markdown to HTML

[letanloc1998]

import React, { useState, useEffect } from "react";

import ReactMarkdown from 'react-markdown';
import remarkGfm from 'remark-gfm'; // remark plugin to support GitHub Flavored Markdown

import introduce from 'markdown/1. Introduce.md';

function App() {


	const [markdownSource, setMarkdownSource] = useState('');

	// fetch(introduce)
	// 	.then((res) => res.text())
	// 	.then((text) => setMarkdownSource(text));

	// const readFile = async (file) => {
	// 	let response = await fetch(file);
	// 	return await response.text;
	// }

	useEffect(
		() => {
			fetch(introduce)
				.then((res) => res.text())
				.then((text) => setMarkdownSource(text));
		}
		, []
	);

	return (

		<ReactMarkdown plugins={[remarkGfm]} children={markdownSource} />

	);
}

export default App;

I want to keep some html code when convert from markdown to html, does any props config it

I want to keep <details> tags

<details>
    <summary><br>tree /f /a > tree.txt</summary>
...
</details>

Expect result

...

[ChristianMurphy]

Have you tried https://github.com/remarkjs/react-markdown#appendix-a-html-in-markdown ?

[FezVrasta]

How can I use it to just allow those two tags, and nothing else?

[ChristianMurphy]

Sounds like you want to layer on a sanitizer https://github.com/rehypejs/rehype-sanitize

[FezVrasta]

thanks!