amp-mathml-gutenberg.diff

diff --git a/blocks/amp-mathml/index.js b/blocks/amp-mathml/index.js
index 2b0662cb..52c897d4 100644
--- a/blocks/amp-mathml/index.js
+++ b/blocks/amp-mathml/index.js
@@ -33,17 +33,21 @@ export default registerBlockType(
 			}
 		},
 
-		edit( { attributes, setAttributes } ) {
+		edit( { attributes, isSelected, setAttributes } ) {
 			const { dataFormula } = attributes;
 
-			return (
-				<PlainText
-					key='formula'
-					value={ dataFormula }
-					placeholder={ __( 'Insert formula', 'amp' ) }
-					onChange={ ( value ) => setAttributes( { dataFormula: value } ) }
-				/>
-			);
+			if ( isSelected ) {
+				return (
+					<PlainText
+						key='formula'
+						value={ dataFormula }
+						placeholder={ __( 'Insert formula', 'amp' ) }
+						onChange={ ( value ) => setAttributes( { dataFormula: value } ) }
+					/>
+				);
+			} else {
+				return <amp-mathml layout="container" data-formula={ dataFormula }></amp-mathml>
+			}
 		},
 
 		save( { attributes } ) {
diff --git a/includes/admin/class-amp-editor-blocks.php b/includes/admin/class-amp-editor-blocks.php
index 29a06510..46c42e6f 100644
--- a/includes/admin/class-amp-editor-blocks.php
+++ b/includes/admin/class-amp-editor-blocks.php
@@ -138,6 +138,8 @@ class AMP_Editor_Blocks {
 				array( 'wp-blocks', 'lodash', 'wp-i18n', 'wp-element', 'wp-components' ),
 				AMP__VERSION
 			);
+
+			wp_enqueue_script( 'amp-mathml' );
 		}
 
 		wp_enqueue_script(