RichText: Get content by converting tree node to element

format: 'tree' is only available in versions newer than 4.7.2, thus requiring update

editor/components/rich-text/format.js

@@ -1,13 +1,19 @@
 /**
  * External dependencies
  */
-import { omitBy } from 'lodash';
+import { omitBy, get } from 'lodash';
 import { nodeListToReact } from 'dom-react';
 
 /**
  * WordPress dependencies
  */
-import { createElement, renderToString } from '@wordpress/element';
+import { Fragment, createElement, renderToString } from '@wordpress/element';
+
+/**
+ * Browser dependencies
+ */
+
+const { Node } = window;
 
 /**
  * Transforms a WP Element to its corresponding HTML string.
@@ -62,6 +68,32 @@ export function createTinyMCEElement( type, props, ...children ) {
 	);
 }
 
+/**
+ * Given a TinyMCE Node instance, returns an equivalent WordPress element.
+ *
+ * @param {tinyMCE.html.Node} node TinyMCE node
+ *
+ * @return {WPElement} WordPress element
+ */
+export function tinyMCENodeToElement( node ) {
+	if ( node.type === Node.TEXT_NODE ) {
+		return node.value;
+	}
+
+	const children = [];
+
+	let child = node.firstChild;
+	while ( child ) {
+		children.push( tinyMCENodeToElement( child ) );
+		child = child.next;
+	}
+
+	const tagName = node.type === Node.DOCUMENT_FRAGMENT_NODE ? Fragment : node.name;
+	const attributes = get( node.attributes, [ 'map' ], {} );
+
+	return createElement( tagName, attributes, ...children );
+}
+
 /**
  * Transforms an array of DOM Elements to their corresponding WP element.
  *

editor/components/rich-text/index.js

@@ -43,7 +43,11 @@ import { pickAriaProps } from './aria';
 import patterns from './patterns';
 import { EVENTS } from './constants';
 import { withBlockEditContext } from '../block-edit/context';
-import { domToFormat, valueToString } from './format';
+import {
+	domToFormat,
+	valueToString,
+	tinyMCENodeToElement,
+} from './format';
 
 /**
  * Browser dependencies
@@ -820,9 +824,7 @@ export class RichText extends Component {
 			case 'string':
 				return this.editor.getContent();
 			default:
-				return this.editor.dom.isEmpty( this.editor.getBody() ) ?
-					[] :
-					domToFormat( this.editor.getBody().childNodes || [], 'element', this.editor );
+				return tinyMCENodeToElement( this.editor.getContent( { format: 'tree' } ) );
 		}
 	}
 

lib/client-assets.php

@@ -472,7 +472,7 @@ function gutenberg_register_vendor_scripts() {
 		'https://unpkg.com/[email protected]/' . $moment_script,
 		array()
 	);
-	$tinymce_version = '4.7.2';
+	$tinymce_version = '4.7.12';
 	gutenberg_register_vendor_script(
 		'tinymce-latest',
 		'https://unpkg.com/tinymce@' . $tinymce_version . '/tinymce' . $suffix . '.js'