Markdown

https://www.npmjs.com/package/react-markdown
Html content

h1

h2

Paragraph Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing industries for previewing layouts and visual mockups

Link (https://www.google.com/)

Lists
  • Write the press release
  • Update the website
  • Contact the media
A table:
SyntaxDescriptionTest Text
HeaderTitleHere's this
ParagraphTextAnd more
import React from 'react';
import ReactDOM from 'react-dom';
import ReactMarkdown from 'react-markdown';
import rehypeHighlight from 'rehype-highlight';

ReactDOM.render(
  <ReactMarkdown rehypePlugins={[rehypeHighlight]}>{'# Your markdown here'}</ReactMarkdown>,
  document.querySelector('#content')
);

A block quote with strikethrough and a URL: https://reactjs.org.

Mardown content

h1

h2

Paragraph Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing industries for previewing layouts and visual mockups.

Link (https://www.google.com/)

Lists
  • Write the press release
  • Update the website
  • Contact the media
A table:
SyntaxDescriptionTest Text
HeaderTitleHere's this
ParagraphTextAnd more
import React from 'react';
import ReactDOM from 'react-dom';
import ReactMarkdown from 'react-markdown';
import rehypeHighlight from 'rehype-highlight';

ReactDOM.render(
  <ReactMarkdown rehypePlugins={[rehypeHighlight]}>{'# Your markdown here'}</ReactMarkdown>,
  document.querySelector('#content')
);

A block quote with strikethrough and a URL: https://reactjs.org.