Merged ux-plus-cris-2024_02_x into task/ux-plus-cris-2024_02_x/UXP-253

Author: atarix83

src/app/shared/markdown-editor/markdown-editor.component.spec.ts

@@ -46,4 +46,27 @@ describe('MarkdownEditorComponent', () => {
 
   });
 
+  describe('editValue setter', () => {
+    it('should set _editValue when value is provided and _editValue is empty', () => {
+      component.editValue = 'Initial Value';
+      expect(component.editValue).toBe('Initial Value');
+    });
+
+    it('should not overwrite _editValue if it is already set', () => {
+      component.editValue = 'Existing Value';
+      component.editValue = 'New Value';
+      expect(component.editValue).toBe('Existing Value');
+    });
+
+    it('should handle null value gracefully', () => {
+      component.editValue = null;
+      expect(component.editValue).toBe('');
+    });
+
+    it('should handle empty string value gracefully', () => {
+      component.editValue = '';
+      expect(component.editValue).toBe('');
+    });
+  });
+
 });

src/app/shared/markdown-editor/markdown-editor.component.ts

@@ -23,11 +23,21 @@ import {
     QuillEditorComponent,
   ],
 })
-export class MarkdownEditorComponent  {
+export class MarkdownEditorComponent {
   /**
    * Markdown Editor String value
    */
-  @Input() editValue = '';
+  @Input() set editValue(value: string) {
+    if (value && !this._editValue) {
+      this._editValue = value;
+    }
+  }
+
+  get editValue(): string {
+    return this._editValue;
+  }
+
+  private _editValue = '';
   /**
    * Indicates whether the markdown editor is required.
    */
@@ -43,7 +53,7 @@ export class MarkdownEditorComponent  {
    */
   modules: QuillModules = {
     'toolbar': {
-      container:  [
+      container: [
         ['bold', 'italic', 'underline', 'strike'],
         [{ 'header': 1 }, { 'header': 2 }],
         [{ 'list': 'ordered' }, { 'list': 'bullet' }],
@@ -69,6 +79,7 @@ export class MarkdownEditorComponent  {
    */
   updateContent(content: ContentChange) {
     const sanitizedContent = this.sanitizer.sanitize(SecurityContext.HTML, content.html);
-    this.editValueChange.emit(sanitizedContent);
+    const normalizedContent = sanitizedContent?.replace(/ /g, ' ');
+    this.editValueChange.emit(normalizedContent);
   }
 }