w

lms-plugins/mediacms-moodle/tiny/mediacms/amd/src/commands.js

@@ -33,7 +33,8 @@ import {getButtonImage} from 'editor_tiny/utils';
 
 const isIframe = (node) => node.nodeName.toLowerCase() === 'iframe' ||
     (node.classList && node.classList.contains('tiny-iframe-responsive')) ||
-    (node.classList && node.classList.contains('tiny-mediacms-iframe-wrapper'));
+    (node.classList && node.classList.contains('tiny-mediacms-iframe-wrapper')) ||
+    (node.nodeName.toLowerCase() === 'a' && node.getAttribute('data-mediacms-textlink') === 'true');
 
 /**
  * Wrap iframes with overlay containers that allow hover detection.
@@ -227,8 +228,14 @@ const registerIframeCommand = (editor, iframeButtonText, iframeButtonImage) => {
         tooltip: iframeButtonText,
         onAction: handleIframeAction,
         onSetup: api => {
+            const selector = [
+                'iframe:not([data-mce-object]):not([data-mce-placeholder])',
+                '.tiny-iframe-responsive',
+                '.tiny-mediacms-iframe-wrapper',
+                'a[data-mediacms-textlink="true"]'
+            ].join(',');
             return editor.selection.selectorChangedWithUnbind(
-                'iframe:not([data-mce-object]):not([data-mce-placeholder]),.tiny-iframe-responsive,.tiny-mediacms-iframe-wrapper',
+                selector,
                 api.setActive
             ).unbind;
         }

lms-plugins/mediacms-moodle/tiny/mediacms/amd/src/iframeembed.js

@@ -281,13 +281,18 @@ export default class IframeEmbed {
     }
 
     /**
-     * Get the currently selected iframe in the editor.
+     * Get the currently selected iframe or text link in the editor.
      *
-     * @returns {HTMLElement|null} The iframe element or null
+     * @returns {HTMLElement|null} The iframe element, text link, or null
      */
     getSelectedIframe() {
         const node = this.editor.selection.getNode();
 
+        // Check if it's a text-only link
+        if (node.nodeName.toLowerCase() === 'a' && node.getAttribute('data-mediacms-textlink') === 'true') {
+            return node;
+        }
+
         if (node.nodeName.toLowerCase() === 'iframe') {
             return node;
         }
@@ -306,19 +311,47 @@ export default class IframeEmbed {
             return wrapper.querySelector('iframe');
         }
 
+        // Check if we're inside a text-only link
+        const textLink = node.closest('a[data-mediacms-textlink="true"]');
+        if (textLink) {
+            return textLink;
+        }
+
         return null;
     }
 
     /**
-     * Get current iframe data for editing.
+     * Get current iframe or text link data for editing.
      *
-     * @returns {Object|null} Current iframe data or null
+     * @returns {Object|null} Current iframe/link data or null
      */
     getCurrentIframeData() {
         if (!this.selectedIframe) {
             return null;
         }
 
+        // Check if it's a text-only link
+        if (this.selectedIframe.nodeName.toLowerCase() === 'a' &&
+            this.selectedIframe.getAttribute('data-mediacms-textlink') === 'true') {
+            const href = this.selectedIframe.getAttribute('href');
+            const parsed = this.parseInput(href);
+
+            return {
+                url: href,
+                width: 560,
+                height: 315,
+                showTitle: parsed?.showTitle ?? true,
+                linkTitle: parsed?.linkTitle ?? true,
+                showRelated: parsed?.showRelated ?? true,
+                showUserAvatar: parsed?.showUserAvatar ?? true,
+                responsive: true,
+                textLinkOnly: true,
+                startAtEnabled: parsed?.startAt !== null,
+                startAt: parsed?.startAt || '0:00',
+            };
+        }
+
+        // Handle iframe
         const src = this.selectedIframe.getAttribute('src');
         const parsed = this.parseInput(src);