@uiw/react-md-editor 3.11.3 → 3.12.2

package/README.md

@@ -478,7 +478,8 @@ Inherit custom color variables by adding [`.wmde-markdown-var`](https://github.c
 ### Props
 
 - `value: string`: The Markdown value.
-- `onChange?: (value: string)`: Event handler for the `onChange` event.
+- `onChange?: (value?: string, event?: React.ChangeEvent<HTMLTextAreaElement>, state?: ContextStore)`: Event handler for the `onChange` event.
+- `onHeightChange?: (value?: number, oldValue?: number, state?: ContextStore)`: editor height change listener.
 - `commands?: ICommand[]`: An array of [`ICommand`](https://github.com/uiwjs/react-md-editor/blob/d02543050c9abd8f7c72ae02b6421ac2e6ae421a/src/commands/index.ts#L39-L57), which, each one, contain a [`commands`](https://github.com/uiwjs/react-md-editor/blob/d02543050c9abd8f7c72ae02b6421ac2e6ae421a/src/commands/index.ts#L155-L180) property. If no commands are specified, the default will be used. Commands are explained in more details below.
 - `commandsFilter?: (command: ICommand, isExtra: boolean) => false | ICommand`: Filter or modify your commands.
 - `extraCommands?: ICommand[]`: Displayed on the right side of the toolbar.

package/dist/mdeditor.css

@@ -190,7 +190,7 @@ body[data-color-mode*='light'] {
 }
 .wmde-markdown {
   -webkit-text-size-adjust: 100%;
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
+  font-family: -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
   font-size: 16px;
   line-height: 1.5;
   word-wrap: break-word;
@@ -789,17 +789,7 @@ body[data-color-mode*='light'] {
   background: transparent;
   border: 0;
 }
-.wmde-markdown .highlight {
-  margin-bottom: 16px;
-}
-.wmde-markdown .highlight pre {
-  margin-bottom: 0;
-  word-break: normal;
-}
-.wmde-markdown .highlight pre,
 .wmde-markdown pre {
-  padding: 16px;
-  overflow: auto;
   font-size: 85%;
   line-height: 1.45;
   background-color: var(--color-canvas-subtle);
@@ -817,6 +807,11 @@ body[data-color-mode*='light'] {
   background-color: transparent;
   border: 0;
 }
+.wmde-markdown pre > code {
+  padding: 16px;
+  overflow: auto;
+  display: block;
+}
 .wmde-markdown .csv-data td,
 .wmde-markdown .csv-data th {
   padding: 5px;
@@ -1129,12 +1124,12 @@ body[data-color-mode*='light'] {
   color: var(--color-prettylights-syntax-entity);
 }
 .w-md-editor-text-pre .token.bold {
-  font-weight: unset !important;
+  font-weight: inherit !important;
 }
 .w-md-editor-text-pre .token.title {
-  line-height: unset !important;
-  font-size: unset !important;
-  font-weight: unset !important;
+  line-height: inherit !important;
+  font-size: inherit !important;
+  font-weight: inherit !important;
 }
 .w-md-editor-text-pre .token.code.keyword {
   color: var(--color-prettylights-syntax-constant) !important;