blocks.getSaveElement example usage

[shramee]

Happened to need this for my project so thought I'd add example for this.

I have tested the ES5 version and adapted ESX from that.

var el = wp.element.createElement;

function addCodeElement( element, blockType, attributes ) {
	if ( blockType.name !== "core/paragraph" ) {
		return element;
	}
	return wp.element.cloneElement(
		// The saved element
		element,
		// Overwrite props here
		{},
		// Original content (children)
		element.props.children,
		// Any additional content
		el( 'code', {}, 'My code' )
	);
};
wp.hooks.addFilter(
	'blocks.getSaveContent.extraProps',
	'my-plugin/add-code-element',
	addCodeElement
);

Old PR #8470

Description

Example usage for blocks.getSaveElement hook.

How has this been tested?

Tested locally with a cover block.

Types of changes

Code examples added in markdown file.

Checklist:

• My code is tested.
• My code follows the WordPress code style.
• My code follows the accessibility standards.
• My code has proper inline documentation.
• I've included developer documentation if appropriate.
• I've updated all React Native files affected by any refactorings/renamings in this PR.