@blocknote/core 0.15.6 → 0.15.9

package/src/editor/BlockNoteEditor.ts

@@ -41,9 +41,9 @@ import {
   InlineContentSchema,
   InlineContentSpecs,
   PartialInlineContent,
+  Styles,
   StyleSchema,
   StyleSpecs,
-  Styles,
 } from "../schema";
 import { mergeCSSClasses } from "../util/browser";
 import { NoInfer, UnreachableCaseError } from "../util/typescript";
@@ -67,6 +67,7 @@ import { en } from "../i18n/locales";
 
 import { Transaction } from "@tiptap/pm/state";
 import { createInternalHTMLSerializer } from "../api/exporters/html/internalHTMLSerializer";
+import { PreviousBlockTypePlugin } from "../extensions/PreviousBlockType/PreviousBlockTypePlugin";
 import "../style.css";
 import { initializeESMDependencies } from "../util/esmDependencies";
 
@@ -75,6 +76,13 @@ export type BlockNoteEditorOptions<
   ISchema extends InlineContentSchema,
   SSchema extends StyleSchema
 > = {
+  /**
+   * Whether changes to blocks (like indentation, creating lists, changing headings) should be animated or not. Defaults to `true`.
+   *
+   * @default true
+   */
+  animations?: boolean;
+
   disableExtensions: string[];
   /**
    * A dictionary object containing translations for the editor.
@@ -119,7 +127,10 @@ export type BlockNoteEditorOptions<
    * @param file The file that should be uploaded.
    * @returns The URL of the uploaded file OR an object containing props that should be set on the file block (such as an id)
    */
-  uploadFile: (file: File) => Promise<string | Record<string, any>>;
+  uploadFile: (
+    file: File,
+    blockId?: string
+  ) => Promise<string | Record<string, any>>;
 
   /**
    * Resolve a URL of a file block to one that can be displayed or downloaded. This can be used for creating authenticated URL or
@@ -166,6 +177,16 @@ export type BlockNoteEditorOptions<
    * You probably don't need to set this manually, but use the `server-util` package instead that uses this option internally
    */
   _headless: boolean;
+
+  /**
+   * A flag indicating whether to set an HTML ID for every block
+   *
+   * When set to `true`, on each block an id attribute will be set with the block id
+   * Otherwise, the HTML ID attribute will not be set.
+   *
+   * (note that the id is always set on the `data-id` attribute)
+   */
+  setIdAttribute?: boolean;
 };
 
 const blockNoteTipTapOptions = {
@@ -255,9 +276,12 @@ export class BlockNoteEditor<
    * @returns The URL of the uploaded file OR an object containing props that should be set on the file block (such as an id)
    */
   public readonly uploadFile:
-    | ((file: File) => Promise<string | Record<string, any>>)
+    | ((file: File, blockId?: string) => Promise<string | Record<string, any>>)
     | undefined;
 
+  private onUploadStartCallbacks: ((blockId?: string) => void)[] = [];
+  private onUploadEndCallbacks: ((blockId?: string) => void)[] = [];
+
   public readonly resolveFileUrl: (url: string) => Promise<string>;
 
   public get pmSchema() {
@@ -273,7 +297,7 @@ export class BlockNoteEditor<
   }
 
   protected constructor(
-    private readonly options: Partial<BlockNoteEditorOptions<any, any, any>>
+    protected readonly options: Partial<BlockNoteEditorOptions<any, any, any>>
   ) {
     const anyOpts = options as any;
     if (anyOpts.onEditorContentChange) {
@@ -339,6 +363,7 @@ export class BlockNoteEditor<
       collaboration: newOptions.collaboration,
       trailingBlock: newOptions.trailingBlock,
       disableExtensions: newOptions.disableExtensions,
+      setIdAttribute: newOptions.setIdAttribute,
     });
 
     const blockNoteUIExtension = Extension.create({
@@ -353,12 +378,30 @@ export class BlockNoteEditor<
           ...(this.filePanel ? [this.filePanel.plugin] : []),
           ...(this.tableHandles ? [this.tableHandles.plugin] : []),
           PlaceholderPlugin(this, newOptions.placeholders),
+          ...(this.options.animations ?? true
+            ? [PreviousBlockTypePlugin()]
+            : []),
         ];
       },
     });
     extensions.push(blockNoteUIExtension);
 
-    this.uploadFile = newOptions.uploadFile;
+    if (newOptions.uploadFile) {
+      const uploadFile = newOptions.uploadFile;
+      this.uploadFile = async (file, block) => {
+        this.onUploadStartCallbacks.forEach((callback) =>
+          callback.apply(this, [block])
+        );
+        try {
+          return await uploadFile(file, block);
+        } finally {
+          this.onUploadEndCallbacks.forEach((callback) =>
+            callback.apply(this, [block])
+          );
+        }
+      };
+    }
+
     this.resolveFileUrl = newOptions.resolveFileUrl || (async (url) => url);
     this.headless = newOptions._headless;
 
@@ -463,6 +506,28 @@ export class BlockNoteEditor<
     this._tiptapEditor.view.focus();
   }
 
+  public onUploadStart(callback: (blockId?: string) => void) {
+    this.onUploadStartCallbacks.push(callback);
+
+    return () => {
+      const index = this.onUploadStartCallbacks.indexOf(callback);
+      if (index > -1) {
+        this.onUploadStartCallbacks.splice(index, 1);
+      }
+    };
+  }
+
+  public onUploadEnd(callback: (blockId?: string) => void) {
+    this.onUploadEndCallbacks.push(callback);
+
+    return () => {
+      const index = this.onUploadEndCallbacks.indexOf(callback);
+      if (index > -1) {
+        this.onUploadEndCallbacks.splice(index, 1);
+      }
+    };
+  }
+
   /**
    * @deprecated, use `editor.document` instead
    */
@@ -550,7 +615,7 @@ export class BlockNoteEditor<
       blockArray: Block<BSchema, ISchema, SSchema>[]
     ): boolean {
       for (const block of blockArray) {
-        if (!callback(block)) {
+        if (callback(block) === false) {
           return false;
         }
 
@@ -1159,15 +1224,26 @@ export class BlockNoteEditor<
     };
   }
 
-  public openSelectionMenu(triggerCharacter: string) {
+  public openSuggestionMenu(
+    triggerCharacter: string,
+    pluginState?: {
+      deleteTriggerCharacter?: boolean;
+      ignoreQueryLength?: boolean;
+    }
+  ) {
+    const tr = this.prosemirrorView.state.tr;
+    const transaction =
+      pluginState && pluginState.deleteTriggerCharacter
+        ? tr.insertText(triggerCharacter)
+        : tr;
+
     this.prosemirrorView.focus();
     this.prosemirrorView.dispatch(
-      this.prosemirrorView.state.tr
-        .scrollIntoView()
-        .setMeta(this.suggestionMenus.plugin, {
-          triggerCharacter: triggerCharacter,
-          fromUserInput: false,
-        })
+      transaction.scrollIntoView().setMeta(this.suggestionMenus.plugin, {
+        triggerCharacter: triggerCharacter,
+        deleteTriggerCharacter: pluginState?.deleteTriggerCharacter || false,
+        ignoreQueryLength: pluginState?.ignoreQueryLength || false,
+      })
     );
   }
 }

package/src/editor/BlockNoteExtensions.ts

@@ -12,8 +12,8 @@ import { Link } from "@tiptap/extension-link";
 import { Text } from "@tiptap/extension-text";
 import * as Y from "yjs";
 import { createCopyToClipboardExtension } from "../api/exporters/copyExtension";
-import { createPasteFromClipboardExtension } from "../api/parsers/pasteExtension";
 import { createDropFileExtension } from "../api/parsers/fileDropExtension";
+import { createPasteFromClipboardExtension } from "../api/parsers/pasteExtension";
 import { BackgroundColorExtension } from "../extensions/BackgroundColor/BackgroundColorExtension";
 import { TextAlignmentExtension } from "../extensions/TextAlignment/TextAlignmentExtension";
 import { TextColorExtension } from "../extensions/TextColor/TextColorExtension";
@@ -55,6 +55,7 @@ export const getBlockNoteExtensions = <
     renderCursor?: (user: any) => HTMLElement;
   };
   disableExtensions: string[] | undefined;
+  setIdAttribute?: boolean;
 }) => {
   const ret: Extensions = [
     extensions.ClipboardTextSerializer,
@@ -69,6 +70,7 @@ export const getBlockNoteExtensions = <
     // DropCursor,
     UniqueID.configure({
       types: ["blockContainer"],
+      setIdAttribute: opts.setIdAttribute,
     }),
     HardBreak.extend({ priority: 10 }),
     // Comments,
@@ -197,5 +199,5 @@ export const getBlockNoteExtensions = <
   }
 
   const disableExtensions: string[] = opts.disableExtensions || [];
-  return ret.filter(ex => !disableExtensions.includes(ex.name));
+  return ret.filter((ex) => !disableExtensions.includes(ex.name));
 };

package/src/editor/BlockNoteTipTapEditor.ts

@@ -168,8 +168,11 @@ export class BlockNoteTipTapEditor extends TiptapEditor {
   };
 }
 
-(BlockNoteTipTapEditor.prototype as any).createView = () => {
+(BlockNoteTipTapEditor.prototype as any).createView = function () {
   // no-op
   // Disable default call to `createView` in the Editor constructor.
   // We should call `createView` manually only when a DOM element is available
+
+  // additional fix because onPaste and onDrop depend on installing plugins in constructor which we don't support
+  this.options.onPaste = this.options.onDrop = undefined;
 };

package/src/extensions/FilePanel/FilePanelPlugin.ts

@@ -71,8 +71,10 @@ export class FilePanelView<I extends InlineContentSchema, S extends StyleSchema>
     if (this.state?.show) {
       const blockElement = this.pmView.root.querySelector(
         `[data-node-type="blockContainer"][data-id="${this.state.block.id}"]`
-      )!;
-
+      );
+      if (!blockElement) {
+        return;
+      }
       this.state.referencePos = blockElement.getBoundingClientRect();
       this.emitUpdate();
     }
@@ -86,8 +88,10 @@ export class FilePanelView<I extends InlineContentSchema, S extends StyleSchema>
     if (!this.state?.show && pluginState.block && this.editor.isEditable) {
       const blockElement = this.pmView.root.querySelector(
         `[data-node-type="blockContainer"][data-id="${pluginState.block.id}"]`
-      )!;
-
+      );
+      if (!blockElement) {
+        return;
+      }
       this.state = {
         show: true,
         referencePos: blockElement.getBoundingClientRect(),
@@ -157,7 +161,7 @@ export class FilePanelProsemirrorPlugin<
       props: {
         handleKeyDown: (_view, event: KeyboardEvent) => {
           if (event.key === "Escape" && this.shown) {
-            this.view!.closeMenu();
+            this.view?.closeMenu();
             return true;
           }
           return false;
@@ -189,5 +193,5 @@ export class FilePanelProsemirrorPlugin<
     return this.on("update", callback);
   }
 
-  public closeMenu = () => this.view!.closeMenu();
+  public closeMenu = () => this.view?.closeMenu();
 }

package/src/extensions/FormattingToolbar/FormattingToolbarPlugin.ts

@@ -205,7 +205,6 @@ export class FormattingToolbarView implements PluginView {
 
     if (isNodeSelection(selection)) {
       const node = this.pmView.nodeDOM(from) as HTMLElement;
-
       if (node) {
         return node.getBoundingClientRect();
       }

package/src/extensions/SideMenu/SideMenuPlugin.ts

@@ -267,7 +267,7 @@ export class SideMenuView<
   // When false, the drag handle with be just to the left of the element
   // TODO: Is there any case where we want this to be false?
   private horizontalPosAnchoredAtRoot: boolean;
-  private horizontalPosAnchor: number;
+  private horizontalPosAnchor: number | undefined;
 
   private hoveredBlock: HTMLElement | undefined;
 
@@ -290,9 +290,12 @@ export class SideMenuView<
     };
 
     this.horizontalPosAnchoredAtRoot = true;
-    this.horizontalPosAnchor = (
-      this.pmView.dom.firstChild! as HTMLElement
-    ).getBoundingClientRect().x;
+
+    if (this.pmView.dom.firstChild) {
+      this.horizontalPosAnchor = (
+        this.pmView.dom.firstChild as HTMLElement
+      ).getBoundingClientRect().x;
+    }
 
     this.pmView.root.addEventListener(
       "drop",
@@ -337,8 +340,12 @@ export class SideMenuView<
     // size/position, so we get the boundingRect of the first child (i.e. the
     // blockGroup that wraps all blocks in the editor) for more accurate side
     // menu placement.
+    if (!this.pmView.dom.firstChild) {
+      return;
+    }
+
     const editorBoundingBox = (
-      this.pmView.dom.firstChild! as HTMLElement
+      this.pmView.dom.firstChild as HTMLElement
     ).getBoundingClientRect();
 
     this.horizontalPosAnchor = editorBoundingBox.x;
@@ -441,7 +448,7 @@ export class SideMenuView<
     if (!pos || pos.inside === -1) {
       const evt = new Event("drop", event) as any;
       const editorBoundingBox = (
-        this.pmView.dom.firstChild! as HTMLElement
+        this.pmView.dom.firstChild as HTMLElement
       ).getBoundingClientRect();
       evt.clientX =
         event.clientX < editorBoundingBox.left ||
@@ -474,10 +481,10 @@ export class SideMenuView<
       top: event.clientY,
     });
 
-    if (!pos || pos.inside === -1) {
+    if (!pos || (pos.inside === -1 && this.pmView.dom.firstChild)) {
       const evt = new Event("dragover", event) as any;
       const editorBoundingBox = (
-        this.pmView.dom.firstChild! as HTMLElement
+        this.pmView.dom.firstChild as HTMLElement
       ).getBoundingClientRect();
       evt.clientX = editorBoundingBox.left + editorBoundingBox.width / 2;
       evt.clientY = event.clientY;
@@ -555,8 +562,8 @@ export class SideMenuView<
   };
 
   onScroll = () => {
-    if (this.state?.show) {
-      const blockContent = this.hoveredBlock!.firstChild as HTMLElement;
+    if (this.state?.show && this.hoveredBlock?.firstChild) {
+      const blockContent = this.hoveredBlock.firstChild as HTMLElement;
       const blockContentBoundingBox = blockContent.getBoundingClientRect();
 
       this.state.referencePos = new DOMRect(
@@ -624,7 +631,11 @@ export class SideMenuView<
       this.emitUpdate(this.state);
     }
 
-    const blockContent = this.hoveredBlock!.firstChild! as HTMLElement;
+    if (!this.hoveredBlock?.firstChild) {
+      return;
+    }
+
+    const blockContent = this.hoveredBlock.firstChild as HTMLElement;
     const blockContentBoundingBox = blockContent.getBoundingClientRect();
 
     const pos = this.pmView.posAtCoords({
@@ -664,7 +675,7 @@ export class SideMenuView<
     }
 
     // Focuses and activates the slash menu.
-    this.editor.openSelectionMenu("/");
+    this.editor.openSuggestionMenu("/");
   }
 }
 

package/src/extensions/SuggestionMenu/SuggestionPlugin.ts

@@ -11,6 +11,7 @@ const findBlock = findParentNode((node) => node.type.name === "blockContainer");
 
 export type SuggestionMenuState = UiElementPosition & {
   query: string;
+  ignoreQueryLength?: boolean;
 };
 
 class SuggestionMenuView<
@@ -34,7 +35,10 @@ class SuggestionMenuView<
         throw new Error("Attempting to update uninitialized suggestions menu");
       }
 
-      emitUpdate(menuName, this.state);
+      emitUpdate(menuName, {
+        ...this.state,
+        ignoreQueryLength: this.pluginState?.ignoreQueryLength,
+      });
     };
 
     this.rootEl = this.editor._tiptapEditor.view.root;
@@ -50,7 +54,10 @@ class SuggestionMenuView<
       const decorationNode = this.rootEl?.querySelector(
         `[data-decoration-id="${this.pluginState!.decorationId}"]`
       );
-      this.state.referencePos = decorationNode!.getBoundingClientRect();
+      if (!decorationNode) {
+        return;
+      }
+      this.state.referencePos = decorationNode.getBoundingClientRect();
       this.emitUpdate(this.pluginState!.triggerCharacter!);
     }
   };
@@ -85,10 +92,10 @@ class SuggestionMenuView<
       `[data-decoration-id="${this.pluginState!.decorationId}"]`
     );
 
-    if (this.editor.isEditable) {
+    if (this.editor.isEditable && decorationNode) {
       this.state = {
         show: true,
-        referencePos: decorationNode!.getBoundingClientRect(),
+        referencePos: decorationNode.getBoundingClientRect(),
         query: this.pluginState!.query,
       };
 
@@ -120,7 +127,7 @@ class SuggestionMenuView<
       .deleteRange({
         from:
           this.pluginState.queryStartPos! -
-          (this.pluginState.fromUserInput
+          (this.pluginState.deleteTriggerCharacter
             ? this.pluginState.triggerCharacter!.length
             : 0),
         to: this.editor._tiptapEditor.state.selection.from,
@@ -132,10 +139,11 @@ class SuggestionMenuView<
 type SuggestionPluginState =
   | {
       triggerCharacter: string;
-      fromUserInput: boolean;
+      deleteTriggerCharacter: boolean;
       queryStartPos: number;
       query: string;
       decorationId: string;
+      ignoreQueryLength?: boolean;
     }
   | undefined;
 
@@ -194,7 +202,8 @@ export class SuggestionMenuProseMirrorPlugin<
           // or null if it should be hidden.
           const suggestionPluginTransactionMeta: {
             triggerCharacter: string;
-            fromUserInput?: boolean;
+            deleteTriggerCharacter?: boolean;
+            ignoreQueryLength?: boolean;
           } | null = transaction.getMeta(suggestionMenuPluginKey);
 
           // Only opens a menu of no menu is already open
@@ -206,11 +215,14 @@ export class SuggestionMenuProseMirrorPlugin<
             return {
               triggerCharacter:
                 suggestionPluginTransactionMeta.triggerCharacter,
-              fromUserInput:
-                suggestionPluginTransactionMeta.fromUserInput !== false,
+              deleteTriggerCharacter:
+                suggestionPluginTransactionMeta.deleteTriggerCharacter !==
+                false,
               queryStartPos: newState.selection.from,
               query: "",
               decorationId: `id_${Math.floor(Math.random() * 0xffffffff)}`,
+              ignoreQueryLength:
+                suggestionPluginTransactionMeta?.ignoreQueryLength,
             };
           }
 
@@ -285,7 +297,7 @@ export class SuggestionMenuProseMirrorPlugin<
 
           // If the menu was opened programmatically by another extension, it may not use a trigger character. In this
           // case, the decoration is set on the whole block instead, as the decoration range would otherwise be empty.
-          if (!suggestionPluginState.fromUserInput) {
+          if (!suggestionPluginState.deleteTriggerCharacter) {
             const blockNode = findBlock(state.selection);
             if (blockNode) {
               return DecorationSet.create(state.doc, [

package/src/extensions/SuggestionMenu/getDefaultSlashMenuItems.ts

@@ -272,7 +272,12 @@ export function getDefaultSlashMenuItems<
   }
 
   items.push({
-    onItemClick: () => editor.openSelectionMenu(":"),
+    onItemClick: () => {
+      editor.openSuggestionMenu(":", {
+        deleteTriggerCharacter: true,
+        ignoreQueryLength: true,
+      });
+    },
     key: "emoji",
     ...editor.dictionary.slash_menu.emoji,
   });

package/src/extensions/TableHandles/TableHandlesPlugin.ts

@@ -159,7 +159,11 @@ export class TableHandlesView<
     const rowIndex = getChildIndex(target.parentElement!);
     const cellRect = target.getBoundingClientRect();
     const tableRect =
-      target.parentElement!.parentElement!.getBoundingClientRect();
+      target.parentElement?.parentElement?.getBoundingClientRect();
+
+    if (!tableRect) {
+      return;
+    }
 
     const blockEl = getDraggableBlockFromElement(target, this.pmView);
     if (!blockEl) {

package/src/extensions/UniqueID/UniqueID.ts

@@ -50,6 +50,7 @@ const UniqueID = Extension.create({
     return {
       attributeName: "id",
       types: [],
+      setIdAttribute: false,
       generateID: () => {
         // Use mock ID if tests are running.
         if (typeof window !== "undefined" && (window as any).__TEST_OPTIONS) {
@@ -77,10 +78,20 @@ const UniqueID = Extension.create({
             default: null,
             parseHTML: (element) =>
               element.getAttribute(`data-${this.options.attributeName}`),
-            renderHTML: (attributes) => ({
-              [`data-${this.options.attributeName}`]:
-                attributes[this.options.attributeName],
-            }),
+            renderHTML: (attributes) => {
+              const defaultIdAttributes = {
+                [`data-${this.options.attributeName}`]:
+                  attributes[this.options.attributeName],
+              };
+              if (this.options.setIdAttribute) {
+                return {
+                  ...defaultIdAttributes,
+                  id: attributes[this.options.attributeName],
+                };
+              } else {
+                return defaultIdAttributes;
+              }
+            },
           },
         },
       },

package/src/pm-nodes/BlockContainer.ts

@@ -11,7 +11,6 @@ import {
 import { PartialBlock } from "../blocks/defaultBlocks";
 import type { BlockNoteEditor } from "../editor/BlockNoteEditor";
 import { NonEditableBlockPlugin } from "../extensions/NonEditableBlocks/NonEditableBlockPlugin";
-import { PreviousBlockTypePlugin } from "../extensions/PreviousBlockType/PreviousBlockTypePlugin";
 import {
   BlockNoteDOMAttributes,
   BlockSchema,
@@ -492,7 +491,7 @@ export const BlockContainer = Node.create<{
   },
 
   addProseMirrorPlugins() {
-    return [PreviousBlockTypePlugin(), NonEditableBlockPlugin()];
+    return [NonEditableBlockPlugin()];
   },
 
   addKeyboardShortcuts() {

package/src/schema/blocks/types.ts

@@ -50,7 +50,7 @@ export type FileBlockConfig = {
   };
   content: "none";
   isFileBlock: true;
-  fileBlockAcceptMimeTypes?: string[];
+  fileBlockAccept?: string[];
 };
 
 // BlockConfig contains the "schema" info about a Block type

package/src/schema/inlineContent/createSpec.ts

@@ -1,6 +1,9 @@
 import { Node } from "@tiptap/core";
 import { TagParseRule } from "@tiptap/pm/model";
-import { nodeToCustomInlineContent } from "../../api/nodeConversions/nodeConversions";
+import {
+  inlineContentToNodes,
+  nodeToCustomInlineContent,
+} from "../../api/nodeConversions/nodeConversions";
 import { propsToAttributes } from "../blocks/internal";
 import { Props } from "../propTypes";
 import { StyleSchema } from "../styles/types";
@@ -11,15 +14,15 @@ import {
 } from "./internal";
 import {
   CustomInlineContentConfig,
-  InlineContentConfig,
   InlineContentFromConfig,
   InlineContentSpec,
+  PartialCustomInlineContentFromConfig,
 } from "./types";
 
 // TODO: support serialization
 
 export type CustomInlineContentImplementation<
-  T extends InlineContentConfig,
+  T extends CustomInlineContentConfig,
   // B extends BlockSchema,
   // I extends InlineContentSchema,
   S extends StyleSchema
@@ -28,7 +31,10 @@ export type CustomInlineContentImplementation<
     /**
      * The custom inline content to render
      */
-    inlineContent: InlineContentFromConfig<T, S>
+    inlineContent: InlineContentFromConfig<T, S>,
+    updateInlineContent: (
+      update: PartialCustomInlineContentFromConfig<T, S>
+    ) => void
     /**
      * The BlockNote editor instance
      * This is typed generically. If you want an editor with your custom schema, you need to
@@ -100,7 +106,10 @@ export function createInlineContentSpec<
           node,
           editor.schema.inlineContentSchema,
           editor.schema.styleSchema
-        ) as any as InlineContentFromConfig<T, S> // TODO: fix cast
+        ) as any as InlineContentFromConfig<T, S>, // TODO: fix cast
+        () => {
+          // No-op
+        }
       );
 
       return addInlineContentAttributes(
@@ -110,6 +119,46 @@ export function createInlineContentSpec<
         inlineContentConfig.propSchema
       );
     },
+
+    addNodeView() {
+      return ({ node, getPos }) => {
+        const editor = this.options.editor;
+
+        const output = inlineContentImplementation.render(
+          nodeToCustomInlineContent(
+            node,
+            editor.schema.inlineContentSchema,
+            editor.schema.styleSchema
+          ) as any as InlineContentFromConfig<T, S>, // TODO: fix cast
+          (update) => {
+            if (typeof getPos === "boolean") {
+              return;
+            }
+
+            const content = inlineContentToNodes(
+              [update],
+              editor._tiptapEditor.schema,
+              editor.schema.styleSchema
+            );
+
+            editor._tiptapEditor.view.dispatch(
+              editor._tiptapEditor.view.state.tr.replaceWith(
+                getPos(),
+                getPos() + node.nodeSize,
+                content
+              )
+            );
+          }
+        );
+
+        return addInlineContentAttributes(
+          output,
+          inlineContentConfig.type,
+          node.attrs as Props<T["propSchema"]>,
+          inlineContentConfig.propSchema
+        );
+      };
+    },
   });
 
   return createInlineContentSpecFromTipTapNode(