change latex to inline content

examples/05-custom-schema/05-latex-block/App.tsx

@@ -1,6 +1,6 @@
 import {
   BlockNoteSchema,
-  defaultBlockSpecs,
+  defaultInlineContentSpecs,
   filterSuggestionItems,
   insertOrUpdateBlock,
 } from "@blocknote/core";
@@ -18,8 +18,8 @@ import { LaTex } from "./LaTex";
 // Our schema with block specs, which contain the configs and implementations for blocks
 // that we want our editor to use.
 const schema = BlockNoteSchema.create({
-  blockSpecs: {
-    ...defaultBlockSpecs,
+  inlineContentSpecs: {
+    ...defaultInlineContentSpecs,
     latex: LaTex,
   },
 });
@@ -33,11 +33,16 @@ const insertLaTex = (editor: typeof schema.BlockNoteEditor) => ({
   group: "Other",
   onItemClick: () => {
     insertOrUpdateBlock(editor, {
-      type: "latex",
-      props: {
-        open: true
-      },
-      content: '\\sqrt{a^2 + b^2}'
+      type: "paragraph",
+      content: [
+        {
+          type: "latex",
+          props: {
+            open: true
+          },
+          content: '\\sqrt{a^2 + b^2}'
+        }
+      ]
     });
   },
 });

examples/05-custom-schema/05-latex-block/LaTex.tsx

@@ -9,7 +9,7 @@ import {
   NodeViewWrapper,
   ReactNodeViewRenderer,
 } from "@tiptap/react";
-import { createStronglyTypedTiptapNode, createInternalBlockSpec } from "@blocknote/core";
+import { createStronglyTypedTiptapNode, createInternalInlineContentSpec } from "@blocknote/core";
 import { mergeAttributes } from "@tiptap/core";
 import { ChangeEvent, useEffect, useState, useRef } from "react";
 import "./styles.css";
@@ -221,15 +221,13 @@ const node = createStronglyTypedTiptapNode({
   addNodeView: LaTexView(),
 });
 
-export const LaTex = createInternalBlockSpec(
+export const LaTex = createInternalInlineContentSpec(
   {
-    content: "inline",
+    content: "styled",
     type: "latex",
     propSchema: propSchema,
   },
   {
     node,
-    toExternalHTML: undefined as any,
-    toInternalHTML: undefined as any,
   },
 );