Merged in task/ux-plus-2023_02_x/UXP-267 (pull request #67)

[UXP-267] fix html sanitization

Approved-by: Francesco Molinaro

Author: Andrea Barbasso

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

@@ -40,4 +40,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

@@ -8,11 +8,26 @@ import { DomSanitizer } from '@angular/platform-browser';
   templateUrl: './markdown-editor.component.html',
   styleUrls: ['./markdown-editor.component.scss']
 })
-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.
+   */
+  @Input() required: boolean;
+
   /**
    * Markdown Editor String value Emitter
    */
@@ -24,7 +39,7 @@ export class MarkdownEditorComponent  {
   modules: QuillModules = {
     'emoji-toolbar': true,
     toolbar: {
-      container:  [
+      container: [
         ['bold', 'italic', 'underline', 'strike'],
         [{ 'header': 1 }, { 'header': 2 }],
         [{ 'list': 'ordered'}, { 'list': 'bullet' }],
@@ -50,6 +65,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);
 }
 }