@blocknote/core 0.17.1 → 0.19.0

package/src/api/exporters/html/__snapshots__/lists/nested/internal.html

@@ -1 +1 @@
-<div class="bn-block-group" data-node-type="blockGroup"><div class="bn-block-outer" data-node-type="blockOuter" data-id="1"><div class="bn-block" data-node-type="blockContainer" data-id="1"><div class="bn-block-content" data-content-type="bulletListItem"><p class="bn-inline-content">Bullet List Item 1</p></div></div></div><div class="bn-block-outer" data-node-type="blockOuter" data-id="2"><div class="bn-block" data-node-type="blockContainer" data-id="2"><div class="bn-block-content" data-content-type="bulletListItem"><p class="bn-inline-content">Bullet List Item 2</p></div><div class="bn-block-group" data-node-type="blockGroup"><div class="bn-block-outer" data-node-type="blockOuter" data-id="3"><div class="bn-block" data-node-type="blockContainer" data-id="3"><div class="bn-block-content" data-content-type="numberedListItem" data-index="null"><p class="bn-inline-content">Numbered List Item 1</p></div></div></div><div class="bn-block-outer" data-node-type="blockOuter" data-id="4"><div class="bn-block" data-node-type="blockContainer" data-id="4"><div class="bn-block-content" data-content-type="numberedListItem" data-index="null"><p class="bn-inline-content">Numbered List Item 2</p></div><div class="bn-block-group" data-node-type="blockGroup"><div class="bn-block-outer" data-node-type="blockOuter" data-id="5"><div class="bn-block" data-node-type="blockContainer" data-id="5"><div class="bn-block-content" data-content-type="checkListItem"><input type="checkbox"><p class="bn-inline-content">Check List Item 1</p></div></div></div><div class="bn-block-outer" data-node-type="blockOuter" data-id="6"><div class="bn-block" data-node-type="blockContainer" data-id="6"><div class="bn-block-content" data-content-type="checkListItem" data-checked="true"><input type="checkbox" checked=""><p class="bn-inline-content">Check List Item 2</p></div></div></div></div></div></div></div></div></div></div>
+<div class="bn-block-group" data-node-type="blockGroup"><div class="bn-block-outer" data-node-type="blockOuter" data-id="1"><div class="bn-block" data-node-type="blockContainer" data-id="1"><div class="bn-block-content" data-content-type="bulletListItem"><p class="bn-inline-content">Bullet List Item 1</p></div></div></div><div class="bn-block-outer" data-node-type="blockOuter" data-id="2"><div class="bn-block" data-node-type="blockContainer" data-id="2"><div class="bn-block-content" data-content-type="bulletListItem"><p class="bn-inline-content">Bullet List Item 2</p></div><div class="bn-block-group" data-node-type="blockGroup"><div class="bn-block-outer" data-node-type="blockOuter" data-id="3"><div class="bn-block" data-node-type="blockContainer" data-id="3"><div class="bn-block-content" data-content-type="numberedListItem" data-index="1"><p class="bn-inline-content">Numbered List Item 1</p></div></div></div><div class="bn-block-outer" data-node-type="blockOuter" data-id="4"><div class="bn-block" data-node-type="blockContainer" data-id="4"><div class="bn-block-content" data-content-type="numberedListItem" data-index="2"><p class="bn-inline-content">Numbered List Item 2</p></div><div class="bn-block-group" data-node-type="blockGroup"><div class="bn-block-outer" data-node-type="blockOuter" data-id="5"><div class="bn-block" data-node-type="blockContainer" data-id="5"><div class="bn-block-content" data-content-type="checkListItem"><input type="checkbox"><p class="bn-inline-content">Check List Item 1</p></div></div></div><div class="bn-block-outer" data-node-type="blockOuter" data-id="6"><div class="bn-block" data-node-type="blockContainer" data-id="6"><div class="bn-block-content" data-content-type="checkListItem" data-checked="true"><input type="checkbox" checked=""><p class="bn-inline-content">Check List Item 2</p></div></div></div></div></div></div></div></div></div></div>

package/src/api/exporters/html/__snapshots__/simpleImage/basic/external.html

@@ -1 +1 @@
-<div data-name="example" data-url="exampleURL" data-caption="Caption" data-preview-width="256"><div class="bn-file-and-caption-wrapper"><div class="bn-visual-media-wrapper"><img class="bn-visual-media" alt="example" draggable="false" width="0"></div><p class="bn-file-caption">Caption</p></div></div>
+<div data-name="example" data-url="exampleURL" data-caption="Caption" data-preview-width="256"><div class="bn-file-and-caption-wrapper"><div class="bn-visual-media-wrapper"><img class="bn-visual-media" alt="example" draggable="false" width="0"></div><p class="bn-file-caption" style="width: 256px;">Caption</p></div></div>

package/src/api/exporters/html/__snapshots__/simpleImage/basic/internal.html

@@ -1 +1 @@
-<div class="bn-block-group" data-node-type="blockGroup"><div class="bn-block-outer" data-node-type="blockOuter" data-id="1"><div class="bn-block" data-node-type="blockContainer" data-id="1"><div class="bn-block-content" data-content-type="simpleImage" data-name="example" data-url="exampleURL" data-caption="Caption" data-preview-width="256"><div class="bn-file-block-content-wrapper"><div class="bn-file-and-caption-wrapper"><div class="bn-visual-media-wrapper"><img class="bn-visual-media" alt="example" draggable="false" width="0"></div><p class="bn-file-caption">Caption</p></div></div></div></div></div></div>
+<div class="bn-block-group" data-node-type="blockGroup"><div class="bn-block-outer" data-node-type="blockOuter" data-id="1"><div class="bn-block" data-node-type="blockContainer" data-id="1"><div class="bn-block-content" data-content-type="simpleImage" data-name="example" data-url="exampleURL" data-caption="Caption" data-preview-width="256"><div class="bn-file-block-content-wrapper"><div class="bn-file-and-caption-wrapper"><div class="bn-visual-media-wrapper"><img class="bn-visual-media" alt="example" draggable="false" width="0"></div><p class="bn-file-caption" style="width: 256px;">Caption</p></div></div></div></div></div></div>

package/src/api/exporters/html/__snapshots__/simpleImage/nested/external.html

@@ -1 +1 @@
-<div data-name="example" data-url="exampleURL" data-caption="Caption" data-preview-width="256"><div class="bn-file-and-caption-wrapper"><div class="bn-visual-media-wrapper"><img class="bn-visual-media" alt="example" draggable="false" width="0"></div><p class="bn-file-caption">Caption</p></div></div><div data-name="example" data-url="exampleURL" data-caption="Caption" data-preview-width="256"><div class="bn-file-and-caption-wrapper"><div class="bn-visual-media-wrapper"><img class="bn-visual-media" alt="example" draggable="false" width="0"></div><p class="bn-file-caption">Caption</p></div></div>
+<div data-name="example" data-url="exampleURL" data-caption="Caption" data-preview-width="256"><div class="bn-file-and-caption-wrapper"><div class="bn-visual-media-wrapper"><img class="bn-visual-media" alt="example" draggable="false" width="0"></div><p class="bn-file-caption" style="width: 256px;">Caption</p></div></div><div data-name="example" data-url="exampleURL" data-caption="Caption" data-preview-width="256"><div class="bn-file-and-caption-wrapper"><div class="bn-visual-media-wrapper"><img class="bn-visual-media" alt="example" draggable="false" width="0"></div><p class="bn-file-caption" style="width: 256px;">Caption</p></div></div>

package/src/api/exporters/html/__snapshots__/simpleImage/nested/internal.html

@@ -1 +1 @@
-<div class="bn-block-group" data-node-type="blockGroup"><div class="bn-block-outer" data-node-type="blockOuter" data-id="1"><div class="bn-block" data-node-type="blockContainer" data-id="1"><div class="bn-block-content" data-content-type="simpleImage" data-name="example" data-url="exampleURL" data-caption="Caption" data-preview-width="256"><div class="bn-file-block-content-wrapper"><div class="bn-file-and-caption-wrapper"><div class="bn-visual-media-wrapper"><img class="bn-visual-media" alt="example" draggable="false" width="0"></div><p class="bn-file-caption">Caption</p></div></div></div><div class="bn-block-group" data-node-type="blockGroup"><div class="bn-block-outer" data-node-type="blockOuter" data-id="2"><div class="bn-block" data-node-type="blockContainer" data-id="2"><div class="bn-block-content" data-content-type="simpleImage" data-name="example" data-url="exampleURL" data-caption="Caption" data-preview-width="256"><div class="bn-file-block-content-wrapper"><div class="bn-file-and-caption-wrapper"><div class="bn-visual-media-wrapper"><img class="bn-visual-media" alt="example" draggable="false" width="0"></div><p class="bn-file-caption">Caption</p></div></div></div></div></div></div></div></div></div>
+<div class="bn-block-group" data-node-type="blockGroup"><div class="bn-block-outer" data-node-type="blockOuter" data-id="1"><div class="bn-block" data-node-type="blockContainer" data-id="1"><div class="bn-block-content" data-content-type="simpleImage" data-name="example" data-url="exampleURL" data-caption="Caption" data-preview-width="256"><div class="bn-file-block-content-wrapper"><div class="bn-file-and-caption-wrapper"><div class="bn-visual-media-wrapper"><img class="bn-visual-media" alt="example" draggable="false" width="0"></div><p class="bn-file-caption" style="width: 256px;">Caption</p></div></div></div><div class="bn-block-group" data-node-type="blockGroup"><div class="bn-block-outer" data-node-type="blockOuter" data-id="2"><div class="bn-block" data-node-type="blockContainer" data-id="2"><div class="bn-block-content" data-content-type="simpleImage" data-name="example" data-url="exampleURL" data-caption="Caption" data-preview-width="256"><div class="bn-file-block-content-wrapper"><div class="bn-file-and-caption-wrapper"><div class="bn-visual-media-wrapper"><img class="bn-visual-media" alt="example" draggable="false" width="0"></div><p class="bn-file-caption" style="width: 256px;">Caption</p></div></div></div></div></div></div></div></div></div>

package/src/api/exporters/html/__snapshots__/simpleImage/noCaption/external.html

@@ -1 +1 @@
-<div data-name="example" data-url="exampleURL" data-preview-width="256"><div class="bn-file-and-caption-wrapper"><div class="bn-visual-media-wrapper"><img class="bn-visual-media" alt="example" draggable="false" width="0"></div><p class="bn-file-caption"></p></div></div>
+<div data-name="example" data-url="exampleURL" data-preview-width="256"><div class="bn-file-and-caption-wrapper"><div class="bn-visual-media-wrapper"><img class="bn-visual-media" alt="example" draggable="false" width="0"></div><p class="bn-file-caption" style="width: 256px;"></p></div></div>

package/src/api/exporters/html/__snapshots__/simpleImage/noName/external.html

@@ -1 +1 @@
-<div data-url="exampleURL" data-caption="Caption" data-preview-width="256"><div class="bn-file-and-caption-wrapper"><div class="bn-visual-media-wrapper"><img class="bn-visual-media" alt="Caption" draggable="false" width="0"></div><p class="bn-file-caption">Caption</p></div></div>
+<div data-url="exampleURL" data-caption="Caption" data-preview-width="256"><div class="bn-file-and-caption-wrapper"><div class="bn-visual-media-wrapper"><img class="bn-visual-media" alt="Caption" draggable="false" width="0"></div><p class="bn-file-caption" style="width: 256px;">Caption</p></div></div>

package/src/api/exporters/html/__snapshots__/simpleImage/noName/internal.html

@@ -1 +1 @@
-<div class="bn-block-group" data-node-type="blockGroup"><div class="bn-block-outer" data-node-type="blockOuter" data-id="1"><div class="bn-block" data-node-type="blockContainer" data-id="1"><div class="bn-block-content" data-content-type="simpleImage" data-url="exampleURL" data-caption="Caption" data-preview-width="256"><div class="bn-file-block-content-wrapper"><div class="bn-file-and-caption-wrapper"><div class="bn-visual-media-wrapper"><img class="bn-visual-media" alt="Caption" draggable="false" width="0"></div><p class="bn-file-caption">Caption</p></div></div></div></div></div></div>
+<div class="bn-block-group" data-node-type="blockGroup"><div class="bn-block-outer" data-node-type="blockOuter" data-id="1"><div class="bn-block" data-node-type="blockContainer" data-id="1"><div class="bn-block-content" data-content-type="simpleImage" data-url="exampleURL" data-caption="Caption" data-preview-width="256"><div class="bn-file-block-content-wrapper"><div class="bn-file-and-caption-wrapper"><div class="bn-visual-media-wrapper"><img class="bn-visual-media" alt="Caption" draggable="false" width="0"></div><p class="bn-file-caption" style="width: 256px;">Caption</p></div></div></div></div></div></div>

package/src/api/exporters/html/__snapshots__/simpleImage/noPreview/external.html

@@ -1 +1 @@
-<div data-name="example" data-url="exampleURL" data-caption="Caption" data-show-preview="false" data-preview-width="256"><div class="bn-file-default-preview"><div class="bn-file-default-preview-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M3 8L9.00319 2H19.9978C20.5513 2 21 2.45531 21 2.9918V21.0082C21 21.556 20.5551 22 20.0066 22H3.9934C3.44476 22 3 21.5501 3 20.9932V8ZM10 4V9H5V20H19V4H10Z"></path></svg></div><p class="bn-file-default-preview-name">example</p></div><p class="bn-file-caption">Caption</p></div>
+<div data-name="example" data-url="exampleURL" data-caption="Caption" data-show-preview="false" data-preview-width="256"><div class="bn-file-default-preview"><div class="bn-file-default-preview-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M3 8L9.00319 2H19.9978C20.5513 2 21 2.45531 21 2.9918V21.0082C21 21.556 20.5551 22 20.0066 22H3.9934C3.44476 22 3 21.5501 3 20.9932V8ZM10 4V9H5V20H19V4H10Z"></path></svg></div><p class="bn-file-default-preview-name">example</p></div><p class="bn-file-caption" style="width: 256px;">Caption</p></div>

package/src/api/exporters/html/__snapshots__/simpleImage/noPreview/internal.html

@@ -1 +1 @@
-<div class="bn-block-group" data-node-type="blockGroup"><div class="bn-block-outer" data-node-type="blockOuter" data-id="1"><div class="bn-block" data-node-type="blockContainer" data-id="1"><div class="bn-block-content" data-content-type="simpleImage" data-name="example" data-url="exampleURL" data-caption="Caption" data-show-preview="false" data-preview-width="256"><div class="bn-file-and-caption-wrapper"><div class="bn-file-default-preview"><div class="bn-file-default-preview-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M3 8L9.00319 2H19.9978C20.5513 2 21 2.45531 21 2.9918V21.0082C21 21.556 20.5551 22 20.0066 22H3.9934C3.44476 22 3 21.5501 3 20.9932V8ZM10 4V9H5V20H19V4H10Z"></path></svg></div><p class="bn-file-default-preview-name">example</p></div><p class="bn-file-caption">Caption</p></div></div></div></div></div>
+<div class="bn-block-group" data-node-type="blockGroup"><div class="bn-block-outer" data-node-type="blockOuter" data-id="1"><div class="bn-block" data-node-type="blockContainer" data-id="1"><div class="bn-block-content" data-content-type="simpleImage" data-name="example" data-url="exampleURL" data-caption="Caption" data-show-preview="false" data-preview-width="256"><div class="bn-file-and-caption-wrapper"><div class="bn-file-default-preview"><div class="bn-file-default-preview-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M3 8L9.00319 2H19.9978C20.5513 2 21 2.45531 21 2.9918V21.0082C21 21.556 20.5551 22 20.0066 22H3.9934C3.44476 22 3 21.5501 3 20.9932V8ZM10 4V9H5V20H19V4H10Z"></path></svg></div><p class="bn-file-default-preview-name">example</p></div><p class="bn-file-caption" style="width: 256px;">Caption</p></div></div></div></div></div>

package/src/api/exporters/html/__snapshots__/table/allColWidths/external.html

@@ -0,0 +1 @@
+<table><tr><td colspan="1" rowspan="1" colwidth="100"><p>Table Cell</p></td><td colspan="1" rowspan="1" colwidth="200"><p>Table Cell</p></td><td colspan="1" rowspan="1" colwidth="300"><p>Table Cell</p></td></tr><tr><td colspan="1" rowspan="1" colwidth="100"><p>Table Cell</p></td><td colspan="1" rowspan="1" colwidth="200"><p>Table Cell</p></td><td colspan="1" rowspan="1" colwidth="300"><p>Table Cell</p></td></tr><tr><td colspan="1" rowspan="1" colwidth="100"><p>Table Cell</p></td><td colspan="1" rowspan="1" colwidth="200"><p>Table Cell</p></td><td colspan="1" rowspan="1" colwidth="300"><p>Table Cell</p></td></tr></table>

package/src/api/exporters/html/__snapshots__/table/allColWidths/internal.html

@@ -0,0 +1 @@
+<div class="bn-block-group" data-node-type="blockGroup"><div class="bn-block-outer" data-node-type="blockOuter" data-id="1"><div class="bn-block" data-node-type="blockContainer" data-id="1"><div class="bn-block-content" data-content-type="table"><table class="bn-inline-content"><tr><td colspan="1" rowspan="1" colwidth="100"><p>Table Cell</p></td><td colspan="1" rowspan="1" colwidth="200"><p>Table Cell</p></td><td colspan="1" rowspan="1" colwidth="300"><p>Table Cell</p></td></tr><tr><td colspan="1" rowspan="1" colwidth="100"><p>Table Cell</p></td><td colspan="1" rowspan="1" colwidth="200"><p>Table Cell</p></td><td colspan="1" rowspan="1" colwidth="300"><p>Table Cell</p></td></tr><tr><td colspan="1" rowspan="1" colwidth="100"><p>Table Cell</p></td><td colspan="1" rowspan="1" colwidth="200"><p>Table Cell</p></td><td colspan="1" rowspan="1" colwidth="300"><p>Table Cell</p></td></tr></table></div></div></div></div>

package/src/api/exporters/html/__snapshots__/table/basic/external.html

@@ -0,0 +1 @@
+<table><tr><td colspan="1" rowspan="1"><p>Table Cell</p></td><td colspan="1" rowspan="1"><p>Table Cell</p></td><td colspan="1" rowspan="1"><p>Table Cell</p></td></tr><tr><td colspan="1" rowspan="1"><p>Table Cell</p></td><td colspan="1" rowspan="1"><p>Table Cell</p></td><td colspan="1" rowspan="1"><p>Table Cell</p></td></tr><tr><td colspan="1" rowspan="1"><p>Table Cell</p></td><td colspan="1" rowspan="1"><p>Table Cell</p></td><td colspan="1" rowspan="1"><p>Table Cell</p></td></tr></table>

package/src/api/exporters/html/__snapshots__/table/basic/internal.html

@@ -0,0 +1 @@
+<div class="bn-block-group" data-node-type="blockGroup"><div class="bn-block-outer" data-node-type="blockOuter" data-id="1"><div class="bn-block" data-node-type="blockContainer" data-id="1"><div class="bn-block-content" data-content-type="table"><table class="bn-inline-content"><tr><td colspan="1" rowspan="1"><p>Table Cell</p></td><td colspan="1" rowspan="1"><p>Table Cell</p></td><td colspan="1" rowspan="1"><p>Table Cell</p></td></tr><tr><td colspan="1" rowspan="1"><p>Table Cell</p></td><td colspan="1" rowspan="1"><p>Table Cell</p></td><td colspan="1" rowspan="1"><p>Table Cell</p></td></tr><tr><td colspan="1" rowspan="1"><p>Table Cell</p></td><td colspan="1" rowspan="1"><p>Table Cell</p></td><td colspan="1" rowspan="1"><p>Table Cell</p></td></tr></table></div></div></div></div>

package/src/api/exporters/html/__snapshots__/table/mixedColWidths/external.html

@@ -0,0 +1 @@
+<table><tr><td colspan="1" rowspan="1" colwidth="100"><p>Table Cell</p></td><td colspan="1" rowspan="1"><p>Table Cell</p></td><td colspan="1" rowspan="1" colwidth="300"><p>Table Cell</p></td></tr><tr><td colspan="1" rowspan="1" colwidth="100"><p>Table Cell</p></td><td colspan="1" rowspan="1"><p>Table Cell</p></td><td colspan="1" rowspan="1" colwidth="300"><p>Table Cell</p></td></tr><tr><td colspan="1" rowspan="1" colwidth="100"><p>Table Cell</p></td><td colspan="1" rowspan="1"><p>Table Cell</p></td><td colspan="1" rowspan="1" colwidth="300"><p>Table Cell</p></td></tr></table>

package/src/api/exporters/html/__snapshots__/table/mixedColWidths/internal.html

@@ -0,0 +1 @@
+<div class="bn-block-group" data-node-type="blockGroup"><div class="bn-block-outer" data-node-type="blockOuter" data-id="1"><div class="bn-block" data-node-type="blockContainer" data-id="1"><div class="bn-block-content" data-content-type="table"><table class="bn-inline-content"><tr><td colspan="1" rowspan="1" colwidth="100"><p>Table Cell</p></td><td colspan="1" rowspan="1"><p>Table Cell</p></td><td colspan="1" rowspan="1" colwidth="300"><p>Table Cell</p></td></tr><tr><td colspan="1" rowspan="1" colwidth="100"><p>Table Cell</p></td><td colspan="1" rowspan="1"><p>Table Cell</p></td><td colspan="1" rowspan="1" colwidth="300"><p>Table Cell</p></td></tr><tr><td colspan="1" rowspan="1" colwidth="100"><p>Table Cell</p></td><td colspan="1" rowspan="1"><p>Table Cell</p></td><td colspan="1" rowspan="1" colwidth="300"><p>Table Cell</p></td></tr></table></div></div></div></div>

package/src/api/exporters/html/htmlConversion.test.ts

@@ -42,10 +42,7 @@ async function convertToHTMLAndCompareSnapshots<
   expect(internalHTML).toMatchFileSnapshot(internalHTMLSnapshotPath);
 
   // turn the internalHTML back into blocks, and make sure no data was lost
-  const fullBlocks = partialBlocksToBlocksForTesting(
-    editor.schema.blockSchema,
-    blocks
-  );
+  const fullBlocks = partialBlocksToBlocksForTesting(editor.schema, blocks);
   const parsed = await editor.tryParseHTMLToBlocks(internalHTML);
 
   expect(parsed).toStrictEqual(fullBlocks);

package/src/api/exporters/html/internalHTMLSerializer.ts

@@ -31,13 +31,8 @@ export const createInternalHTMLSerializer = <
       blocks: PartialBlock<BSchema, I, S>[],
       options: { document?: Document }
     ) => {
-      return serializeBlocksInternalHTML(
-        editor,
-        blocks,
-        serializer,
-        false,
-        options
-      ).outerHTML;
+      return serializeBlocksInternalHTML(editor, blocks, serializer, options)
+        .outerHTML;
     },
   };
 };

package/src/api/exporters/html/util/serializeBlocksExternalHTML.ts

@@ -205,7 +205,13 @@ function serializeBlock<
       }
     }
 
-    fragment.append(childFragment);
+    if (editor.pmSchema.nodes[block.type as any].isInGroup("blockContent")) {
+      // default "blockContainer" style blocks are flattened (no "nested block" support) for externalHTML, so append the child fragment to the outer fragment
+      fragment.append(childFragment);
+    } else {
+      // for columns / column lists, do use nesting
+      ret.contentDOM?.append(childFragment);
+    }
   }
 }
 

package/src/api/exporters/html/util/serializeBlocksInternalHTML.ts

@@ -21,7 +21,6 @@ export function serializeInlineContentInternalHTML<
   editor: BlockNoteEditor<any, I, S>,
   blockContent: PartialBlock<BSchema, I, S>["content"],
   serializer: DOMSerializer,
-  _toExternalHTML: boolean, // TODO, externalHTML for IC
   options?: { document?: Document }
 ) {
   let nodes: any;
@@ -67,7 +66,7 @@ function serializeBlock<
   editor: BlockNoteEditor<BSchema, I, S>,
   block: PartialBlock<BSchema, I, S>,
   serializer: DOMSerializer,
-  toExternalHTML: boolean,
+  listIndex: number,
   options?: { document?: Document }
 ) {
   const BC_NODE = editor.pmSchema.nodes["blockContainer"];
@@ -83,49 +82,67 @@ function serializeBlock<
     }
   }
 
-  const bc = BC_NODE.spec?.toDOM?.(
-    BC_NODE.create({
-      id: block.id,
-      ...props,
-    })
-  ) as {
-    dom: HTMLElement;
-    contentDOM?: HTMLElement;
-  };
-
   const impl = editor.blockImplementations[block.type as any].implementation;
-  const ret = toExternalHTML
-    ? impl.toExternalHTML({ ...block, props } as any, editor as any)
-    : impl.toInternalHTML({ ...block, props } as any, editor as any);
+  const ret = impl.toInternalHTML({ ...block, props } as any, editor as any);
+
+  if (block.type === "numberedListItem") {
+    // This is a workaround to make sure there's a list index set.
+    // Normally, this is set on the internal prosemirror nodes by the NumberedListIndexingPlugin,
+    // but:
+    // - (a) this information is not available on the Blocks passed to the serializer. (we only have access to BlockNote Blocks)
+    // - (b) the NumberedListIndexingPlugin might not even have run, because we can manually call blocksToFullHTML
+    //       with blocks that are not part of the active document
+    ret.dom.setAttribute("data-index", listIndex.toString());
+  }
 
   if (ret.contentDOM && block.content) {
     const ic = serializeInlineContentInternalHTML(
       editor,
       block.content as any, // TODO
       serializer,
-      toExternalHTML,
       options
     );
     ret.contentDOM.appendChild(ic);
   }
 
-  bc.contentDOM?.appendChild(ret.dom);
+  const pmType = editor.pmSchema.nodes[block.type as any];
 
-  if (block.children && block.children.length > 0) {
-    bc.contentDOM?.appendChild(
-      serializeBlocksInternalHTML(
+  if (pmType.isInGroup("bnBlock")) {
+    if (block.children && block.children.length > 0) {
+      const fragment = serializeBlocks(
         editor,
         block.children,
         serializer,
-        toExternalHTML,
         options
-      )
+      );
+
+      ret.contentDOM?.append(fragment);
+    }
+    return ret.dom;
+  }
+
+  // wrap the block in a blockContainer
+  const bc = BC_NODE.spec?.toDOM?.(
+    BC_NODE.create({
+      id: block.id,
+      ...props,
+    })
+  ) as {
+    dom: HTMLElement;
+    contentDOM?: HTMLElement;
+  };
+
+  bc.contentDOM?.appendChild(ret.dom);
+
+  if (block.children && block.children.length > 0) {
+    bc.contentDOM?.appendChild(
+      serializeBlocksInternalHTML(editor, block.children, serializer, options)
     );
   }
   return bc.dom;
 }
 
-export const serializeBlocksInternalHTML = <
+function serializeBlocks<
   BSchema extends BlockSchema,
   I extends InlineContentSchema,
   S extends StyleSchema
@@ -133,26 +150,51 @@ export const serializeBlocksInternalHTML = <
   editor: BlockNoteEditor<BSchema, I, S>,
   blocks: PartialBlock<BSchema, I, S>[],
   serializer: DOMSerializer,
-  toExternalHTML: boolean,
   options?: { document?: Document }
-) => {
-  const BG_NODE = editor.pmSchema.nodes["blockGroup"];
-
-  const bg = BG_NODE.spec!.toDOM!(BG_NODE.create({})) as {
-    dom: HTMLElement;
-    contentDOM?: HTMLElement;
-  };
+) {
+  const doc = options?.document ?? document;
+  const fragment = doc.createDocumentFragment();
 
+  let listIndex = 0;
   for (const block of blocks) {
+    if (block.type === "numberedListItem") {
+      listIndex++;
+    } else {
+      listIndex = 0;
+    }
     const blockDOM = serializeBlock(
       editor,
       block,
       serializer,
-      toExternalHTML,
+      listIndex,
       options
     );
-    bg.contentDOM!.appendChild(blockDOM);
+    fragment.appendChild(blockDOM);
   }
 
+  return fragment;
+}
+
+export const serializeBlocksInternalHTML = <
+  BSchema extends BlockSchema,
+  I extends InlineContentSchema,
+  S extends StyleSchema
+>(
+  editor: BlockNoteEditor<BSchema, I, S>,
+  blocks: PartialBlock<BSchema, I, S>[],
+  serializer: DOMSerializer,
+  options?: { document?: Document }
+) => {
+  const BG_NODE = editor.pmSchema.nodes["blockGroup"];
+
+  const bg = BG_NODE.spec!.toDOM!(BG_NODE.create({})) as {
+    dom: HTMLElement;
+    contentDOM?: HTMLElement;
+  };
+
+  const fragment = serializeBlocks(editor, blocks, serializer, options);
+
+  bg.contentDOM?.appendChild(fragment);
+
   return bg.dom;
 };

package/src/api/exporters/markdown/__snapshots__/codeBlock/defaultLanguage/markdown.md

@@ -0,0 +1,3 @@
+```javascript
+console.log('Hello, world!');
+```

package/src/api/exporters/markdown/__snapshots__/codeBlock/empty/markdown.md

@@ -0,0 +1,2 @@
+```javascript
+```

package/src/api/exporters/markdown/__snapshots__/codeBlock/python/markdown.md

@@ -0,0 +1,3 @@
+```python
+print('Hello, world!')
+```

package/src/api/exporters/markdown/__snapshots__/table/allColWidths/markdown.md

@@ -0,0 +1,5 @@
+|            |            |            |
+| ---------- | ---------- | ---------- |
+| Table Cell | Table Cell | Table Cell |
+| Table Cell | Table Cell | Table Cell |
+| Table Cell | Table Cell | Table Cell |

package/src/api/exporters/markdown/__snapshots__/table/basic/markdown.md

@@ -0,0 +1,5 @@
+|            |            |            |
+| ---------- | ---------- | ---------- |
+| Table Cell | Table Cell | Table Cell |
+| Table Cell | Table Cell | Table Cell |
+| Table Cell | Table Cell | Table Cell |

package/src/api/exporters/markdown/__snapshots__/table/mixedColWidths/markdown.md

@@ -0,0 +1,5 @@
+|            |            |            |
+| ---------- | ---------- | ---------- |
+| Table Cell | Table Cell | Table Cell |
+| Table Cell | Table Cell | Table Cell |
+| Table Cell | Table Cell | Table Cell |

package/src/api/exporters/markdown/markdownExporter.test.ts

@@ -22,10 +22,7 @@ async function convertToMarkdownAndCompareSnapshots<
   snapshotDirectory: string,
   snapshotName: string
 ) {
-  const fullBlocks = partialBlocksToBlocksForTesting(
-    editor.schema.blockSchema,
-    blocks
-  );
+  const fullBlocks = partialBlocksToBlocksForTesting(editor.schema, blocks);
   const md = await editor.blocksToMarkdownLossy(fullBlocks);
   const snapshotPath =
     "./__snapshots__/" +

package/src/api/getBlockInfoFromPos.ts

@@ -8,10 +8,41 @@ type SingleBlockInfo = {
 };
 
 export type BlockInfo = {
-  blockContainer: SingleBlockInfo;
-  blockContent: SingleBlockInfo;
-  blockGroup?: SingleBlockInfo;
-};
+  /**
+   * The outer node that represents a BlockNote block. This is the node that has the ID.
+   * Most of the time, this will be a blockContainer node, but it could also be a Column or ColumnList
+   */
+  bnBlock: SingleBlockInfo;
+  /**
+   * The type of BlockNote block that this node represents.
+   * When dealing with a blockContainer, this is retrieved from the blockContent node, otherwise it's retrieved from the bnBlock node.
+   */
+  blockNoteType: string;
+} & (
+  | {
+      // In case we're not dealing with a BlockContainer, we're dealing with a "wrapper node" (like a Column or ColumnList), so it will always have children
+
+      /**
+       * The Prosemirror node that holds block.children. For non-blockContainer, this node will be the same as bnBlock.
+       */
+      childContainer: SingleBlockInfo;
+      isBlockContainer: false;
+    }
+  | {
+      /**
+       * The Prosemirror node that holds block.children. For blockContainers, this is the blockGroup node, if it exists.
+       */
+      childContainer?: SingleBlockInfo;
+      /**
+       * The Prosemirror node that wraps block.content and has most of the props
+       */
+      blockContent: SingleBlockInfo;
+      /**
+       * Whether bnBlock is a blockContainer node
+       */
+      isBlockContainer: true;
+    }
+);
 
 /**
  * Retrieves the position just before the nearest blockContainer node in a
@@ -30,7 +61,7 @@ export function getNearestBlockContainerPos(doc: Node, pos: number) {
 
   // Checks if the position provided is already just before a blockContainer
   // node, in which case we return the position.
-  if ($pos.nodeAfter && $pos.nodeAfter.type.name === "blockContainer") {
+  if ($pos.nodeAfter && $pos.nodeAfter.type.isInGroup("bnBlock")) {
     return {
       posBeforeNode: $pos.pos,
       node: $pos.nodeAfter,
@@ -42,7 +73,7 @@ export function getNearestBlockContainerPos(doc: Node, pos: number) {
   let depth = $pos.depth;
   let node = $pos.node(depth);
   while (depth > 0) {
-    if (node.type.name === "blockContainer") {
+    if (node.type.isInGroup("bnBlock")) {
       return {
         posBeforeNode: $pos.before(depth),
         node: node,
@@ -62,7 +93,7 @@ export function getNearestBlockContainerPos(doc: Node, pos: number) {
   // collaboration plugin.
   const allBlockContainerPositions: number[] = [];
   doc.descendants((node, pos) => {
-    if (node.type.name === "blockContainer") {
+    if (node.type.isInGroup("bnBlock")) {
       allBlockContainerPositions.push(pos);
     }
   });
@@ -93,57 +124,80 @@ export function getNearestBlockContainerPos(doc: Node, pos: number) {
  */
 export function getBlockInfoWithManualOffset(
   node: Node,
-  blockContainerBeforePosOffset: number
+  bnBlockBeforePosOffset: number
 ): BlockInfo {
-  const blockContainerNode = node;
-  const blockContainerBeforePos = blockContainerBeforePosOffset;
-  const blockContainerAfterPos =
-    blockContainerBeforePos + blockContainerNode.nodeSize;
-
-  const blockContainer: SingleBlockInfo = {
-    node: blockContainerNode,
-    beforePos: blockContainerBeforePos,
-    afterPos: blockContainerAfterPos,
-  };
-  let blockContent: SingleBlockInfo | undefined = undefined;
-  let blockGroup: SingleBlockInfo | undefined = undefined;
-
-  blockContainerNode.forEach((node, offset) => {
-    if (node.type.spec.group === "blockContent") {
-      // console.log(beforePos, offset);
-      const blockContentNode = node;
-      const blockContentBeforePos = blockContainerBeforePos + offset + 1;
-      const blockContentAfterPos = blockContentBeforePos + node.nodeSize;
-
-      blockContent = {
-        node: blockContentNode,
-        beforePos: blockContentBeforePos,
-        afterPos: blockContentAfterPos,
-      };
-    } else if (node.type.name === "blockGroup") {
-      const blockGroupNode = node;
-      const blockGroupBeforePos = blockContainerBeforePos + offset + 1;
-      const blockGroupAfterPos = blockGroupBeforePos + node.nodeSize;
-
-      blockGroup = {
-        node: blockGroupNode,
-        beforePos: blockGroupBeforePos,
-        afterPos: blockGroupAfterPos,
-      };
-    }
-  });
-
-  if (!blockContent) {
+  if (!node.type.isInGroup("bnBlock")) {
     throw new Error(
-      `blockContainer node does not contain a blockContent node in its children: ${blockContainerNode}`
+      `Attempted to get bnBlock node at position but found node of different type ${node.type}`
     );
   }
 
-  return {
-    blockContainer,
-    blockContent,
-    blockGroup,
+  const bnBlockNode = node;
+  const bnBlockBeforePos = bnBlockBeforePosOffset;
+  const bnBlockAfterPos = bnBlockBeforePos + bnBlockNode.nodeSize;
+
+  const bnBlock: SingleBlockInfo = {
+    node: bnBlockNode,
+    beforePos: bnBlockBeforePos,
+    afterPos: bnBlockAfterPos,
   };
+
+  if (bnBlockNode.type.name === "blockContainer") {
+    let blockContent: SingleBlockInfo | undefined;
+    let blockGroup: SingleBlockInfo | undefined;
+
+    bnBlockNode.forEach((node, offset) => {
+      if (node.type.spec.group === "blockContent") {
+        // console.log(beforePos, offset);
+        const blockContentNode = node;
+        const blockContentBeforePos = bnBlockBeforePos + offset + 1;
+        const blockContentAfterPos = blockContentBeforePos + node.nodeSize;
+
+        blockContent = {
+          node: blockContentNode,
+          beforePos: blockContentBeforePos,
+          afterPos: blockContentAfterPos,
+        };
+      } else if (node.type.name === "blockGroup") {
+        const blockGroupNode = node;
+        const blockGroupBeforePos = bnBlockBeforePos + offset + 1;
+        const blockGroupAfterPos = blockGroupBeforePos + node.nodeSize;
+
+        blockGroup = {
+          node: blockGroupNode,
+          beforePos: blockGroupBeforePos,
+          afterPos: blockGroupAfterPos,
+        };
+      }
+    });
+
+    if (!blockContent) {
+      throw new Error(
+        `blockContainer node does not contain a blockContent node in its children: ${bnBlockNode}`
+      );
+    }
+
+    return {
+      isBlockContainer: true,
+      bnBlock,
+      blockContent,
+      childContainer: blockGroup,
+      blockNoteType: blockContent.node.type.name,
+    };
+  } else {
+    if (!bnBlock.node.type.isInGroup("childContainer")) {
+      throw new Error(
+        `bnBlock node is not in the childContainer group: ${bnBlock.node}`
+      );
+    }
+
+    return {
+      isBlockContainer: false,
+      bnBlock: bnBlock,
+      childContainer: bnBlock,
+      blockNoteType: bnBlock.node.type.name,
+    };
+  }
 }
 
 /**
@@ -173,11 +227,6 @@ export function getBlockInfoFromResolvedPos(resolvedPos: ResolvedPos) {
       `Attempted to get blockContainer node at position ${resolvedPos.pos} but a node at this position does not exist`
     );
   }
-  if (resolvedPos.nodeAfter.type.name !== "blockContainer") {
-    throw new Error(
-      `Attempted to get blockContainer node at position ${resolvedPos.pos} but found node of different type ${resolvedPos.nodeAfter}`
-    );
-  }
   return getBlockInfoWithManualOffset(resolvedPos.nodeAfter, resolvedPos.pos);
 }
 
@@ -192,5 +241,11 @@ export function getBlockInfoFromSelection(state: EditorState) {
     state.doc,
     state.selection.anchor
   );
-  return getBlockInfo(posInfo);
+  const ret = getBlockInfo(posInfo);
+  if (!ret.isBlockContainer) {
+    throw new Error(
+      `selection always expected to return blockContainer ${state.selection.anchor}`
+    );
+  }
+  return ret;
 }