ACP2E-2903: Page Builder replaces image when trying to add link and other usability glitches.

Author: bubasuma

app/code/Magento/PageBuilder/view/adminhtml/web/js/content-type/text/preview.js

@@ -5,6 +5,7 @@
 
 import $ from "jquery";
 import events from "Magento_PageBuilder/js/events";
+import {Editor} from "tinymce";
 import _ from "underscore";
 import HideShowOption from "../../content-type-menu/hide-show-option";
 import {OptionsInterface} from "../../content-type-menu/option.types";
@@ -158,7 +159,16 @@ export default class Preview extends BasePreview {
 
         if (focus) {
             wysiwygConfig.adapter.settings.auto_focus = this.element.id;
-            wysiwygConfig.adapter.settings.init_instance_callback = () => {
+            wysiwygConfig.adapter.settings.init_instance_callback = (editor: Editor) => {
+                editor.on("mousedown", (event) => {
+                    if (event.target.nodeName === "IMG"
+                        && event.button !== 2
+                        && editor.dom.getRoot() !== document.activeElement
+                    ) {
+                        editor.selection.select(event.target);
+                        editor.nodeChanged();
+                    }
+                });
                 _.defer(() => {
                     this.element.blur();
                     this.element.focus();

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

@@ -279,7 +279,8 @@ export function createBookmark(event: JQueryEventObject): Bookmark {
  * @param bookmark
  */
 export function moveToBookmark(bookmark: Bookmark) {
-    ((window as any).tinymce.activeEditor as Editor).selection.moveToBookmark(bookmark);
+    getActiveEditor().selection.moveToBookmark(bookmark);
+    getActiveEditor().nodeChanged();
 }
 
 /**