diff --git a/packages/core/src/api/formatConversions/simplifyBlocksRehypePlugin.ts b/packages/core/src/api/formatConversions/simplifyBlocksRehypePlugin.ts index 13fa69e783..01b1edbde6 100644 --- a/packages/core/src/api/formatConversions/simplifyBlocksRehypePlugin.ts +++ b/packages/core/src/api/formatConversions/simplifyBlocksRehypePlugin.ts @@ -38,6 +38,8 @@ export function simplifyBlocks(options: SimplifyBlocksOptions) { blockContent.properties!["dataContentType"] as string ); + const isImageBlock = blockContent.properties!["dataContentType"] as string === 'image'; + const listItemBlockType = isListItemBlock ? options.orderedListItemBlockTypes.has( blockContent.properties!["dataContentType"] as string @@ -104,6 +106,16 @@ export function simplifyBlocks(options: SimplifyBlocksOptions) { const numElementsAdded = blockGroup.children.length; i += numElementsAdded; numChildElements += numElementsAdded; + } else if (isImageBlock) { + const img = document.createElement("img"); + img.setAttribute('src', blockContent.properties!['dataUrl'] as string || ''); + img.setAttribute('alt', blockContent.properties!['dataCaption'] as string || ''); + + const imgElement = fromDom( + img + ) as HASTElement; + + tree.children[i] = imgElement; } else { // Replaces the block with only the content inside it. tree.children[i] = blockContent.children[0];