Use schema structure for attribute sourcing

See: WordPress/gutenberg#1905
goldentroll · Sep 1, 2017 · 4d17144 · 4d17144
1 parent 706abfa
commit 4d17144
Show file tree

Hide file tree

Showing 4 changed files with 16 additions and 4 deletions.
diff --git a/03-editable-esnext/block.js b/03-editable-esnext/block.js
@@ -6,7 +6,10 @@ registerBlockType( 'gutenberg-examples/03-editable-esnext', {
 	icon: 'universal-access-alt',
 	category: 'layout',
 	attributes: {
-		content: children( 'p' ),
+		content: {
+			type: 'array',
+			source: children( 'p' ),
+		},
 	},
 	edit: props => {
 		const { attributes: { content }, focus, className, setFocus } = props;

diff --git a/03-editable/block.js b/03-editable/block.js
@@ -16,7 +16,10 @@
 		category: 'layout',
 
 		attributes: {
-			content: children( 'p' ),
+			content: {
+				type: 'array',
+				source: children( 'p' ),
+			},
 		},
 
 		edit: function( props ) {

diff --git a/04-controls-esnext/block.js b/04-controls-esnext/block.js
@@ -12,7 +12,10 @@ registerBlockType( 'gutenberg-examples/04-controls-esnext', {
 	icon: 'universal-access-alt',
 	category: 'layout',
 	attributes: {
-		content: children( 'p' ),
+		content: {
+			type: 'array',
+			source: children( 'p' ),
+		},
 	},
 	edit: props => {
 		const {

diff --git a/04-controls/block.js b/04-controls/block.js
@@ -17,7 +17,10 @@
 		category: 'layout',
 
 		attributes: {
-			content: children( 'p' ),
+			content: {
+				type: 'array',
+				source: children( 'p' ),
+			},
 		},
 
 		edit: function( props ) {