add image support to markdown editor

DINHaus · May 24, 2024 · 14a4d28 · 14a4d28
1 parent 193831f
commit 14a4d28
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/src/components/customFields/MDXEditorField.tsx b/src/components/customFields/MDXEditorField.tsx
@@ -19,6 +19,8 @@ import {
   DiffSourceToggleWrapper,
   diffSourcePlugin,
   codeBlockPlugin,
+  imagePlugin,
+  InsertImage,
 } from "@mdxeditor/editor";
 import "@mdxeditor/editor/style.css";
 import styled from "styled-components";
@@ -78,12 +80,14 @@ export const MDXEditorField = (props: Buildable<Field>) => {
           headingsPlugin(),
           linkPlugin(),
           linkDialogPlugin(),
+          imagePlugin(),
           toolbarPlugin({
             toolbarContents: () => (
               <>
                 <DiffSourceToggleWrapper>
                   <BoldItalicUnderlineToggles />
                   <CreateLink />
+                  <InsertImage />
                   <ListsToggle /> <BlockTypeSelect />
                   <UndoRedo />
                 </DiffSourceToggleWrapper>