Move heading block transforms to before edit and save

#429 (comment)
WordPress · Apr 20, 2017 · 1aed21a · 1aed21a
1 parent 285bab6
commit 1aed21a
Showing 1 changed file with 30 additions and 30 deletions.
diff --git a/blocks/library/heading/index.js b/blocks/library/heading/index.js
@@ -31,29 +31,6 @@ registerBlock( 'core/heading', {
 		} ) )
 	],
 
-	edit( { attributes, setAttributes } ) {
-		const { content, tag, align } = attributes;
-
-		return (
-			<Editable
-				tagName={ tag }
-				value={ content }
-				onChange={ ( value ) => setAttributes( { content: value } ) }
-				style={ align ? { textAlign: align } : null }
-			/>
-		);
-	},
-
-	save( { attributes } ) {
-		const { align, tag: Tag, content } = attributes;
-
-		return (
-			<Tag
-				style={ align ? { textAlign: align } : null }
-				dangerouslySetInnerHTML={ { __html: content } } />
-		);
-	},
-
 	transforms: {
 		from: [
 			{
@@ -68,10 +45,10 @@ registerBlock( 'core/heading', {
 					return {
 						tag: 'H2',
 						content,
-						align
+						align,
 					};
-				}
-			}
+				},
+			},
 		],
 		to: [
 			{
@@ -80,10 +57,33 @@ registerBlock( 'core/heading', {
 				transform: ( { content, align } ) => {
 					return {
 						content: [ content ],
-						align
+						align,
 					};
-				}
-			}
+				},
+			},
 		]
-	}
+	},
+
+	edit( { attributes, setAttributes } ) {
+		const { content, tag, align } = attributes;
+
+		return (
+			<Editable
+				tagName={ tag }
+				value={ content }
+				onChange={ ( value ) => setAttributes( { content: value } ) }
+				style={ align ? { textAlign: align } : null }
+			/>
+		);
+	},
+
+	save( { attributes } ) {
+		const { align, tag: Tag, content } = attributes;
+
+		return (
+			<Tag
+				style={ align ? { textAlign: align } : null }
+				dangerouslySetInnerHTML={ { __html: content } } />
+		);
+	},
 } );