@uiw/react-md-editor 3.24.0 → 3.25.0

package/README.md

@@ -137,6 +137,34 @@ export default function App() {
 }
 ```
 
+### Remove Code Highlight
+
+The following example can help you _exclude code highlighting code_<!--rehype:style=color: #333;background-color: rgb(196 255 122 / 86%);--> from being included in the bundle. `@uiw/react-md-editor/nohighlight`<!--rehype:style=color: #e24444;--> component does not contain the ~~`rehype-prism-plus`~~ code highlighting package, ~~`highlightEnable`~~, ~~`showLineNumbers`~~ and ~~`highlight line`~~ functions will no longer work. ([#586](https://github.com/uiwjs/react-md-editor/issues/586))
+
+```jsx mdx:preview
+import React from "react";
+import MDEditor from '@uiw/react-md-editor/nohighlight';
+
+const code = `**Hello world!!!**
+\`\`\`js
+function demo() {}
+\`\`\`
+`
+
+export default function App() {
+  const [value, setValue] = React.useState(code);
+  return (
+    <div className="container">
+      <MDEditor
+        value={value}
+        onChange={setValue}
+      />
+      <MDEditor.Markdown source={value} style={{ whiteSpace: 'pre-wrap' }} />
+    </div>
+  );
+}
+```
+
 ### Custom Toolbars
 
 [![Open in CodeSandbox](https://img.shields.io/badge/Open%20in-CodeSandbox-blue?logo=codesandbox)](https://codesandbox.io/embed/react-md-editor-custom-toolbars-m2n10?fontsize=14&hidenavigation=1&theme=dark)
@@ -813,9 +841,26 @@ Inherit custom color variables by adding [`.wmde-markdown-var`](https://github.c
 
 ### Development
 
+1. Install dependencies
+
 ```bash
-npm run watch     # Listen create type and .tsx files.
-npm run start  # Preview code example.
+$ npm install       # Installation dependencies
+$ npm run build     # Compile all package
+```
+
+2. Development `@uiw/react-md-editor` package:
+
+```bash
+$ cd core
+# listen to the component compile and output the .js file
+# listen for compilation output type .d.ts file
+$ npm run watch # Monitor the compiled package `@uiw/react-md-editor`
+```
+
+3. Launch documentation site
+
+```bash
+npm run start
 ```
 
 ### Related
@@ -846,6 +891,9 @@ As always, thanks to our amazing contributors!
 <a href="https://github.com/alphacoma18" title="Alpha Romer Coma">
   <img src="https://avatars.githubusercontent.com/u/108984668?v=4" width="42;" alt="Alpha Romer Coma"/>
 </a>
+<a href="https://github.com/RARgames" title="RAR">
+  <img src="https://avatars.githubusercontent.com/u/13639766?v=4" width="42;" alt="RAR"/>
+</a>
 <a href="https://github.com/Exmirai" title="UniqueUlysees">
   <img src="https://avatars.githubusercontent.com/u/6436703?v=4" width="42;" alt="UniqueUlysees"/>
 </a>
@@ -882,9 +930,6 @@ As always, thanks to our amazing contributors!
 <a href="https://github.com/phillipb" title="Phillip Burch">
   <img src="https://avatars.githubusercontent.com/u/1482089?v=4" width="42;" alt="Phillip Burch"/>
 </a>
-<a href="https://github.com/RARgames" title="RAR">
-  <img src="https://avatars.githubusercontent.com/u/13639766?v=4" width="42;" alt="RAR"/>
-</a>
 <a href="https://github.com/toresbe" title="Tore Sinding Bekkedal">
   <img src="https://avatars.githubusercontent.com/u/1761606?v=4" width="42;" alt="Tore Sinding Bekkedal"/>
 </a>