Block Compare

A comparison component that shows two blocks side-by-side along with differences in HTML highlighted. This is typically used to show the current block and the results of converting the block.

A button is present on both blocks to then select one or the other.

Props

block

The original object to compare against

• Type: Object
• Required: Yes

convertor

A function that returns a new, converted, block when supplied an existing block. The conversion may fix or alter the block in a way that helps with an invalid block.

• Type: func
• Required: Yes

convertButtonText

Text to show in the convert button

• Type: string
• Required: Yes

onKeep

Callback when the original block is required

• Type: func
• Required: Yes

onConvert

Callback when the converted block is required.

• Type: func
• Required: Yes