MC-34620: Page builder editor breaks Cms pages with non Latin1 characters

Author: rostyslav-hymon

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

@@ -0,0 +1,20 @@
+/**
+ * Copyright © Magento, Inc. All rights reserved.
+ * See COPYING.txt for license details.
+ */
+
+interface Base64 {
+    _keyStr: string;
+    encode: (input: string) => string;
+    decode: (input: string) => string;
+    mageEncode: (input: string) => string;
+    mageDecode: (output: string) => string;
+    idEncode: (input: string) => string;
+    idDecode: (output: string) => string;
+    _utf8_encode: (input: string) => string;
+    _utf8_decode: (utftext: string) => string;
+}
+
+interface Window {
+    Base64: Base64;
+}

app/code/Magento/PageBuilder/view/adminhtml/web/ts/js/types/tools.d.ts

@@ -4,6 +4,7 @@
  */
 
 import $ from "jquery";
+import "mage/adminhtml/tools";
 import $t from "mage/translate";
 import mageUtils from "mageUtils";
 import {Editor} from "tinymce";
@@ -125,7 +126,7 @@ function convertWidgetsToHtmlPreview(content: string) {
             }
 
             const image = $("<img />")
-                .prop("id", btoa(match).replace(/\+/g, ":").replace(/\//g, "_").replace(/=/g, "-"))
+                .prop("id", window.Base64.idEncode(match))
                 .prop("src", imageSrc);
 
             placeholder.append(image);