MC-3481: Remove Anchor

- wrap anchor inside html content type for data migration

Author: krissyhiserote

app/code/Magento/PageBuilder/Setup/DataConverter/Renderer/Anchor.php

@@ -46,24 +46,31 @@ public function render(array $itemData, array $additionalData = []) : string
 
         $rootElementAttributes = [
             'data-element' => 'main',
-            'data-role' => 'anchor',
-            'data-appearance' => 'default',
+            'data-role' => 'html',
+            'data-appearance' => 'default'
+        ];
+
+        $anchorElementAttributes = [
             'class' => $eavData['css_classes'] ?? '',
             'id' => $eavData['anchor_id']
         ];
 
         if (isset($itemData['formData'])) {
             $style = $this->styleExtractor->extractStyle($itemData['formData']);
             if ($style) {
-                $rootElementAttributes['style'] = $style;
+                $anchorElementAttributes['style'] = $style;
             }
         }
 
         $rootElementHtml = '<div';
         foreach ($rootElementAttributes as $attributeName => $attributeValue) {
             $rootElementHtml .= $attributeValue ? " $attributeName=\"$attributeValue\"" : '';
         }
-        $rootElementHtml .= '></div>';
+        $rootElementHtml .= '><div';
+        foreach ($anchorElementAttributes as $attributeName => $attributeValue) {
+            $rootElementHtml .= $attributeValue ? " $attributeName=\"$attributeValue\"" : '';
+        }
+        $rootElementHtml .= '></div></div>';
 
         return $rootElementHtml;
     }

dev/tests/integration/testsuite/Magento/PageBuilder/_files/anchor.html

@@ -1 +1 @@
-<div data-element="main" data-role="row" data-appearance="contained"><div data-element="inner"><div data-element="main" data-role="anchor" data-appearance="default" class="one two" id="anchor-identifier" style="text-align: left; margin: 2px 3px 4px 1px; padding: 6px 7px 8px 5px;"></div></div></div>
+<div data-element="main" data-role="row" data-appearance="contained"><div data-element="inner"><div data-element="main" data-role="html" data-appearance="default"><div class="one two" id="anchor-identifier" style="text-align: left; margin: 2px 3px 4px 1px; padding: 6px 7px 8px 5px;"></div></div></div></div>