Skip to content

Releases: uiwjs/react-markdown-preview

v4.0.1

14 Mar 11:51
Compare
Choose a tag to compare

Documentation v4.0.1: https://raw.githack.com/uiwjs/react-markdown-preview/544e10e/index.html
Comparing Changes: v4.0.0...v4.0.1

v4.0.0

14 Mar 10:57
Compare
Choose a tag to compare

Documentation v4.0.0: https://raw.githack.com/uiwjs/react-markdown-preview/05817c5/index.html
Comparing Changes: v3.5.1...v4.0.0

Support dark-mode/night-mode

By default, the dark-mode is automatically switched according to the system. If you need to switch manually, just set the data-color-mode="dark" parameter for body.

<html data-color-mode="dark">
document.documentElement.setAttribute('data-color-mode', 'dark')
document.documentElement.setAttribute('data-color-mode', 'light')

Inherit custom color variables by adding .wmde-markdown-var selector.

const Demo = () => {
  return (
    <div>
      <div className="wmde-markdown-var"> </div>
      <MarkdownPreview source="Hello World!" />
    </div>
  )
}

v3.5.1

28 Feb 16:34
Compare
Choose a tag to compare

v3.5.0...v3.5.1

v3.5.0

28 Feb 06:56
Compare
Choose a tag to compare

v3.4.7...v3.5.0

Bundle Example: https://uiwjs.github.io/react-markdown-preview/bundle.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <script src="https://unpkg.com/@babel/[email protected]/babel.min.js" crossorigin></script>
    <script src="https://unpkg.com/[email protected]/umd/react.development.js" crossorigin></script>
    <script src="https://unpkg.com/[email protected]/umd/react-dom.development.js" crossorigin></script>
    <script src="https://unpkg.com/@uiw/codepen-require-polyfill/index.js" crossorigin></script>
    <link rel="stylesheet" href="https://unpkg.com/@uiw/react-markdown-preview/dist/markdown.css">
  </head>
  <body>
    <div id="container" style="padding: 24px"></div>
    <script src="https://unpkg.com/@uiw/react-markdown-preview/dist/markdown.min.js"></script>
    <script type="text/babel">
      import MarkdownPreview from '@uiw/react-markdown-preview';

      const source = `## MarkdownPreview \n\n> todo: React component preview markdown text. `;
      function Demo() {
        return (
          <MarkdownPreview source={source} />
        );
      }

      ReactDOM.render(<Demo />, document.getElementById('container'));
    </script>
  </body>
</html>

v3.4.7

08 Jan 07:52
Compare
Choose a tag to compare

v3.4.6...v3.4.7

v3.4.6

03 Jan 13:39
Compare
Choose a tag to compare

v3.4.5...v3.4.6

v3.4.5

05 Dec 09:14
Compare
Choose a tag to compare

v3.4.4...v3.4.5

v3.4.4

03 Dec 09:33
Compare
Choose a tag to compare

v3.4.3...v3.4.4

v3.4.3

03 Dec 06:45
Compare
Choose a tag to compare

v3.4.2...v3.4.3

v3.4.2

03 Dec 05:17
Compare
Choose a tag to compare

v3.4.1...v3.4.2