@uiw/react-md-editor 4.0.0 → 4.0.1

package/README.md

@@ -6,6 +6,9 @@
 </p>
 
 <p align="center">
+  <a href="https://jaywcjlove.github.io/#/sponsor" target="__blank">
+    <img alt="Buy me a coffee" src="https://img.shields.io/badge/Buy%20me%20a%20coffee-048754?logo=buymeacoffee">
+  </a>
   <a href="https://www.npmjs.com/package/@uiw/react-md-editor" target="__blank">
     <img alt="Downloads" src="https://img.shields.io/npm/dm/@uiw/react-md-editor.svg?style=flat">
   </a>
@@ -594,18 +597,14 @@ export default function App() {
       onChange={(val) => setValue(val)}
       previewOptions={{
         components: {
-          code: ({ inline, children = [], className, ...props }) => {
-            const txt = children[0] || '';
-            if (inline) {
-              if (typeof txt === 'string' && /^\$\$(.*)\$\$/.test(txt)) {
-                const html = katex.renderToString(txt.replace(/^\$\$(.*)\$\$/, '$1'), {
-                  throwOnError: false,
-                });
-                return <code dangerouslySetInnerHTML={{ __html: html }} />;
-              }
-              return <code>{txt}</code>;
+          code: ({ children = [], className, ...props }) => {
+            if (typeof children === 'string' && /^\$\$(.*)\$\$/.test(children)) {
+              const html = katex.renderToString(children.replace(/^\$\$(.*)\$\$/, '$1'), {
+                throwOnError: false,
+              });
+              return <code dangerouslySetInnerHTML={{ __html: html }} style={{ background: 'transparent' }} />;
             }
-            const code = props.node && props.node.children ? getCodeString(props.node.children) : txt;
+            const code = props.node && props.node.children ? getCodeString(props.node.children) : children;
             if (
               typeof code === 'string' &&
               typeof className === 'string' &&
@@ -729,7 +728,6 @@ const Code = ({ inline, children = [], className, ...props }) => {
       mermaid
         .render(demoid.current, code)
         .then(({ svg, bindFunctions }) => {
-          console.log("svg:", svg);
           container.innerHTML = svg;
           if (bindFunctions) {
             bindFunctions(container);
@@ -945,8 +943,8 @@ As always, thanks to our amazing contributors!
 <a href="https://github.com/MercierCorentin" title="Corentin Mercier">
   <img src="https://avatars.githubusercontent.com/u/46066895?v=4" width="42;" alt="Corentin Mercier"/>
 </a>
-<a href="https://github.com/dmitriyyan" title="Dmitriy Yanushkevich">
-  <img src="https://avatars.githubusercontent.com/u/89025862?v=4" width="42;" alt="Dmitriy Yanushkevich"/>
+<a href="https://github.com/dmitriyyan" title="Dmitrii Ianushkevich">
+  <img src="https://avatars.githubusercontent.com/u/89025862?v=4" width="42;" alt="Dmitrii Ianushkevich"/>
 </a>
 <a href="https://github.com/jnishiyama" title="James Finucane">
   <img src="https://avatars.githubusercontent.com/u/2048195?v=4" width="42;" alt="James Finucane"/>

package/package.json

@@ -1,8 +1,9 @@
 {
   "name": "@uiw/react-md-editor",
-  "version": "4.0.0",
+  "version": "4.0.1",
   "description": "A markdown editor with preview, implemented with React.js and TypeScript.",
   "homepage": "https://uiwjs.github.io/react-md-editor/",
+  "funding": "https://jaywcjlove.github.io/#/sponsor",
   "author": "kenny wang <wowohoo@qq.com>",
   "main": "lib/index.js",
   "module": "esm/index.js",