Make sure no div elements get in the content of quotes. (#16072)

* Make sure no div elements get in the content.

* Remove tags in content.

Author: SergioEstevao

packages/block-editor/src/components/rich-text/index.native.js

@@ -299,6 +299,12 @@ export class RichText extends Component {
 				result = this.removeRootTag( element, result );
 			} );
 		}
+
+		if ( this.props.tagsToEliminate ) {
+			this.props.tagsToEliminate.forEach( ( element ) => {
+				result = this.removeTag( element, result );
+			} );
+		}
 		return result;
 	}
 
@@ -307,6 +313,11 @@ export class RichText extends Component {
 		const closingTagRegexp = RegExp( '</' + tag + '>$', 'gim' );
 		return html.replace( openingTagRegexp, '' ).replace( closingTagRegexp, '' );
 	}
+	removeTag( tag, html ) {
+		const openingTagRegexp = RegExp( '<' + tag + '>', 'gim' );
+		const closingTagRegexp = RegExp( '</' + tag + '>', 'gim' );
+		return html.replace( openingTagRegexp, '' ).replace( closingTagRegexp, '' );
+	}
 
 	/*
 	 * Handles any case where the content of the AztecRN instance has changed

packages/components/src/primitives/block-quotation/index.native.js

@@ -16,6 +16,9 @@ export const BlockQuotation = ( props ) => {
 		if ( child && child.props.identifier === 'citation' ) {
 			return cloneElement( child, { style: styles.wpBlockQuoteCitation } );
 		}
+		if ( child && child.props.identifier === 'value' ) {
+			return cloneElement( child, { tagsToEliminate: [ 'div' ] } );
+		}
 		return child;
 	} );
 	return (