React component preview markdown text in web browser. The minimal amount of CSS to replicate the GitHub Markdown style. Support dark-mode/night mode.
Documentation v5.0.2: https://raw.githack.com/uiwjs/react-markdown-preview/328bb37/index.html
Comparing Changes: https://github.com/uiwjs/react-markdown-preview/compare/v5.0.1...v5.0.2
npm i @uiw/[email protected]
Documentation v5.0.1: https://raw.githack.com/uiwjs/react-markdown-preview/075b929/index.html
Comparing Changes: https://github.com/uiwjs/react-markdown-preview/compare/v5.0.0...v5.0.1
npm i @uiw/[email protected]
Documentation v5.0.0: https://raw.githack.com/uiwjs/react-markdown-preview/2f956a6/index.html
Comparing Changes: https://github.com/uiwjs/react-markdown-preview/compare/v4.2.2...v5.0.0
npm i @uiw/[email protected]
Upgrade v5.0.1+
to fix the problem => ⚠️ The highlight line
and Show Line Numbers
feature are invalid and require upgrade.[email protected]
Documentation v4.2.2: https://raw.githack.com/uiwjs/react-markdown-preview/e672a30/index.html
Comparing Changes: https://github.com/uiwjs/react-markdown-preview/compare/v4.2.1...v4.2.2
npm i @uiw/[email protected]
Documentation v4.2.1: https://raw.githack.com/uiwjs/react-markdown-preview/00b2b6e/index.html
Comparing Changes: https://github.com/uiwjs/react-markdown-preview/compare/v4.2.0...v4.2.1
npm i @uiw/[email protected]
Documentation v4.2.0: https://raw.githack.com/uiwjs/react-markdown-preview/7ba1829/index.html
Comparing Changes: https://github.com/uiwjs/react-markdown-preview/compare/v4.1.16...v4.2.0
npm i @uiw/[email protected]
The following example can help you exclude code highlighting code from being included in the bundle. @uiw/react-markdown-preview/nohighlight
component does not contain the rehype-prism-plus
code highlighting package, showLineNumbers
and highlight line
functions will no longer work. (#586)
import React from 'react';
import MarkdownPreview from '@uiw/react-markdown-preview/nohighlight';
const source = `
\`\`\`js
function () {
console.log('hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello')
}
\`\`\`
\`\`\`js
function () {
console.log('hello ')
}
\`\`\`
`;
export default function Demo() {
return (
<MarkdownPreview
source={source}
/>
);
}
Documentation v4.1.16: https://raw.githack.com/uiwjs/react-markdown-preview/7134348/index.html
Comparing Changes: https://github.com/uiwjs/react-markdown-preview/compare/v4.1.15...v4.1.16
npm i @uiw/[email protected]
Documentation v4.1.15: https://raw.githack.com/uiwjs/react-markdown-preview/7e1e166/index.html
Comparing Changes: https://github.com/uiwjs/react-markdown-preview/compare/v4.1.14...v4.1.15
npm i @uiw/[email protected]
Documentation v4.1.14: https://raw.githack.com/uiwjs/react-markdown-preview/73557ca/index.html
Comparing Changes: https://github.com/uiwjs/react-markdown-preview/compare/v4.1.13...v4.1.14
npm i @uiw/[email protected]
Documentation v4.1.13: https://raw.githack.com/uiwjs/react-markdown-preview/20b9017/index.html
Comparing Changes: https://github.com/uiwjs/react-markdown-preview/compare/v4.1.12...v4.1.13
npm i @uiw/[email protected]