fix(inline-edit): add shared TinyMCE options to avoid rewriting relative URL path

Author: rjvelazco

core-web/libs/portlets/edit-ema/portlet/src/lib/services/inline-edit/inline-edit.service.spec.ts

@@ -2,7 +2,11 @@ import { createServiceFactory, SpectatorService } from '@ngneat/spectator/jest';
 
 import { ElementRef } from '@angular/core';
 
-import { INLINE_CONTENT_STYLES, InlineEditService } from './inline-edit.service';
+import {
+    INLINE_CONTENT_STYLES,
+    INLINE_EDIT_TINYMCE_BASE_OPTIONS,
+    InlineEditService
+} from './inline-edit.service';
 
 import { InlineEditingContentletDataset } from '../../edit-ema-editor/components/ema-page-dropzone/types';
 
@@ -12,6 +16,10 @@ describe('InlineEditService', () => {
 
     beforeEach(() => (spectator = createService()));
 
+    it('should disable TinyMCE URL conversion so root-relative paths are preserved on serialize', () => {
+        expect(INLINE_EDIT_TINYMCE_BASE_OPTIONS.convert_urls).toBe(false);
+    });
+
     it('should inject inline edit', () => {
         const iframe = document.createElement('iframe');
         document.body.appendChild(iframe);

core-web/libs/portlets/edit-ema/portlet/src/lib/services/inline-edit/inline-edit.service.ts

@@ -30,6 +30,22 @@ export const INLINE_CONTENT_STYLES = `
     }    
 `;
 
+/**
+ * Shared TinyMCE options for EMA inline editing (excluding per-instance `setup`).
+ * Exported so URL-handling defaults (e.g. convert_urls) stay covered by unit tests.
+ */
+export const INLINE_EDIT_TINYMCE_BASE_OPTIONS = {
+    menubar: false,
+    inline: true,
+    // Avoid rewriting root-relative URLs (e.g. /dA/...) to ../... on serialize; iframe base differs from site root.
+    convert_urls: false,
+    valid_styles: {
+        '*': 'font-size,font-family,color,text-decoration,text-align'
+    },
+    powerpaste_word_import: 'clean',
+    powerpaste_html_import: 'clean'
+} as const;
+
 @Injectable({
     providedIn: 'root'
 })
@@ -39,17 +55,11 @@ export class InlineEditService {
     private $inlineEditingTargetDataset = signal<InlineEditingContentletDataset | null>(null);
 
     private readonly DEFAULT_TINYMCE_CONFIG = {
-        menubar: false,
-        inline: true,
-        valid_styles: {
-            '*': 'font-size,font-family,color,text-decoration,text-align'
-        },
-        powerpaste_word_import: 'clean',
-        powerpaste_html_import: 'clean',
+        ...INLINE_EDIT_TINYMCE_BASE_OPTIONS,
         setup: this.#handleInlineEditEvents
     };
 
-    private readonly TINYCME_CONFIG = {
+    private readonly TINYMCE_CONFIG = {
         minimal: {
             plugins: ['link', 'autolink'],
             toolbar: 'bold italic underline | link',
@@ -162,7 +172,7 @@ export class InlineEditService {
 
         this.$iframeWindow()
             .tinymce.init({
-                ...this.TINYCME_CONFIG[dataset.mode || 'minimal'],
+                ...this.TINYMCE_CONFIG[dataset.mode || 'minimal'],
                 selector: dataSelector
             })
             .then(([ed]) => {