Browse Source

Docs: Used the new DowncastWriter#createRawElement API in the "Using a React component in a block widget" guide.

Aleksander Nowodzinski 5 years ago
parent
commit
ff1d7e2e21

+ 1 - 5
docs/_snippets/framework/tutorials/using-react-in-widget.js

@@ -116,15 +116,11 @@ class ProductPreviewEditing extends Plugin {
 				// This element will host a React <ProductPreview /> component.
 				const reactWrapper = viewWriter.createRawElement( 'div', {
 					class: 'product__react-wrapper'
-				}, function( domDocument ) {
-					const domElement = this.toDomElement( domDocument );
-
+				}, function( domElement ) {
 					// This the place where React renders the actual product preview hosted
 					// by a UIElement in the view. you are using a function (renderer) passed as
 					// editor.config.products#productRenderer.
 					renderProduct( id, domElement );
-
-					return domElement;
 				} );
 
 				viewWriter.insert( viewWriter.createPositionAt( section, 0 ), reactWrapper );

+ 2 - 10
docs/framework/guides/tutorials/using-react-in-a-widget.md

@@ -367,15 +367,11 @@ export default class ProductPreviewEditing extends Plugin {
 				// This element will host a React <ProductPreview /> component.
 				const reactWrapper = viewWriter.createRawElement( 'div', {
 					class: 'product__react-wrapper'
-				}, function( domDocument ) {
-					const domElement = this.toDomElement( domDocument );
-
+				}, function( domElement ) {
 					// This the place where React renders the actual product preview hosted
 					// by a UIElement in the view. You are using a function (renderer) passed as
 					// editor.config.products#productRenderer.
 					renderProduct( id, domElement );
-
-					return domElement;
 				} );
 
 				viewWriter.insert( viewWriter.createPositionAt( section, 0 ), reactWrapper );
@@ -1186,15 +1182,11 @@ export default class ProductPreviewEditing extends Plugin {
 				// This element will host a React <ProductPreview /> component.
 				const reactWrapper = viewWriter.createRawElement( 'div', {
 					class: 'product__react-wrapper'
-				}, function( domDocument ) {
-					const domElement = this.toDomElement( domDocument );
-
+				}, function( domElement ) {
 					// This the place where React renders the actual product preview hosted
 					// by a UIElement in the view. You are using a function (renderer) passed as
 					// editor.config.products#productRenderer.
 					renderProduct( id, domElement );
-
-					return domElement;
 				} );
 
 				viewWriter.insert( viewWriter.createPositionAt( section, 0 ), reactWrapper );