Merge pull request #607 from magento/MC-36202

[1.3.3] Support same site

Author: omiroshnichenko

app/code/Magento/PageBuilder/view/adminhtml/web/js/content-type/observable-updater/attributes.js

@@ -42,7 +42,7 @@ export default function generate(
             value = converterPool.get(converter).toDom(attributeConfig.var, data);
         }
 
-        // Replacing src attribute with data-src to prevent img requests in iframe during master format rendering
+        // Replacing src attribute with data-tmp-src to prevent img requests in iframe during master format rendering
         if (attributeConfig.name === "src" && !value.indexOf("{{media url=") && Config.getMode() !== "Preview") {
             attributeData["data-tmp-" + attributeConfig.name] = value;
             // @ts-ignore

app/code/Magento/PageBuilder/view/adminhtml/web/js/content-type/observable-updater/html.js

@@ -3,9 +3,11 @@
  * See COPYING.txt for license details.
  */
 
+import Config from "../../config";
 import {ContentTypeConfigAppearanceElementInterface} from "../../content-type-config.types";
 import ConverterPool from "../../converter/converter-pool";
 import {DataObject} from "../../data-store";
+import { replaceWithDataSrc } from "../../utils/directives";
 import {get} from "../../utils/object";
 
 /**
@@ -33,5 +35,10 @@ export default function generate(
     if (typeof value === "string" && !value.length && config.html.placeholder) {
         value = config.html.placeholder;
     }
+    // Replacing src attribute with data-tmp-src to prevent img requests in iframe during master format rendering
+    if (Config.getMode() !== "Preview" && typeof value === "string" && value.indexOf("{{media url=") !== -1) {
+        value = replaceWithDataSrc(value);
+    }
+
     return value;
 }

app/code/Magento/PageBuilder/view/adminhtml/web/js/master-format/render/frame.js

@@ -13,7 +13,7 @@ import ConfigInterface from "../../config.types";
 import ContentTypeCollectionInterface from "../../content-type-collection.types";
 import createContentType from "../../content-type-factory";
 import ContentTypeInterface from "../../content-type.types";
-import decodeAllDataUrlsInString, { replaceSrc } from "../../utils/directives";
+import decodeAllDataUrlsInString, { replaceWithSrc } from "../../utils/directives";
 import filterHtml from "../filter-html";
 import { TreeItem } from "./serialize";
 
@@ -160,7 +160,7 @@ function render(message: {stageId: string, tree: TreeItem}) {
                 observer.disconnect();
                 ko.cleanNode(element);
                 const filtered: JQuery = filterHtml($(element));
-                const output = replaceSrc(decodeAllDataUrlsInString(filtered.html()));
+                const output = replaceWithSrc(decodeAllDataUrlsInString(filtered.html()));
                 resolve(output);
             });
 

app/code/Magento/PageBuilder/view/adminhtml/web/js/utils/directives.js

@@ -133,14 +133,27 @@ export function convertMediaDirectivesToUrls(html: string): string {
 }
 
 /**
- * Replace data-src attribute with src.
+ * Replace data-tmp-src attribute with src.
  *
  * @param {string} html
  * @returns {string}
  */
-export function replaceSrc(html: string): string {
+export function replaceWithSrc(html: string): string {
     return html.replace(
         new RegExp("data-tmp-src=\"\{\{", "g"),
         "src=\"{{",
     );
 }
+
+/**
+ * Replace src attribute with data-tmp-src.
+ *
+ * @param {string} html
+ * @returns {string}
+ */
+export function replaceWithDataSrc(html: string): string {
+    return html.replace(
+        new RegExp("src=\"\{\{", "g"),
+        "data-tmp-src=\"{{",
+    );
+}

app/code/Magento/PageBuilder/view/adminhtml/web/ts/js/content-type/observable-updater/attributes.ts

@@ -8,7 +8,8 @@
 /* jscs:disable jsDoc*/
 define([
     'Magento_PageBuilder/js/content-type/text/preview',
-    'Magento_PageBuilder/js/content-type'
+    'Magento_PageBuilder/js/content-type',
+    'Magento_PageBuilder/js/resource/babel/polyfill'
 ], function (Preview, ContentType) {
     'use strict';