Block save component

WordPress · Mar 9, 2020 · bf97c84 · bf97c84
1 parent 34ed2a6
commit bf97c84
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 1 deletion.
diff --git a/packages/block-editor/src/components/block-list/block-wrapper.js b/packages/block-editor/src/components/block-list/block-wrapper.js
@@ -233,11 +233,30 @@ const elements = [
 	'figure',
 ];
 
+const BlockSaveComponent = forwardRef(
+	( { children, tagName: TagName = 'div', ...props }, wrapper ) => {
+		return (
+			<TagName { ...props } ref={ wrapper }>
+				{ children }
+			</TagName>
+		);
+	}
+);
+
 const ExtendedBlockComponent = elements.reduce( ( acc, element ) => {
 	acc[ element ] = forwardRef( ( props, ref ) => {
 		return <BlockComponent { ...props } ref={ ref } tagName={ element } />;
 	} );
 	return acc;
 }, BlockComponent );
 
+ExtendedBlockComponent.Save = elements.reduce( ( acc, element ) => {
+	acc[ element ] = forwardRef( ( props, ref ) => {
+		return (
+			<BlockSaveComponent { ...props } ref={ ref } tagName={ element } />
+		);
+	} );
+	return acc;
+}, BlockSaveComponent );
+
 export const Block = ExtendedBlockComponent;
diff --git a/packages/block-library/src/paragraph/save.js b/packages/block-library/src/paragraph/save.js
@@ -10,6 +10,7 @@ import {
 	getColorClassName,
 	getFontSizeClass,
 	RichText,
+	__experimentalBlock as Block,
 } from '@wordpress/block-editor';
 
 export default function save( { attributes } ) {
@@ -51,7 +52,7 @@ export default function save( { attributes } ) {
 
 	return (
 		<RichText.Content
-			tagName="p"
+			tagName={ Block.Save.p }
 			style={ styles }
 			className={ className ? className : undefined }
 			value={ content }