Refactor rich text editor configuration and improve change detection logic

Author: tumms2021389

packages/angular-sdk-components/src/lib/_components/designSystemExtension/rich-text-editor/rich-text-editor.component.ts

@@ -57,19 +57,16 @@ export class RichTextEditorComponent implements OnChanges {
       min_height: 130,
       plugins: ['lists', 'advlist', 'autolink', 'image', 'link', 'autoresize'],
       autoresize_bottom_margin: 0,
-
       toolbar: this.disabled ? false : 'blocks | bold italic strikethrough | bullist numlist outdent indent | link image',
       toolbar_location: 'bottom',
-
       content_style: `
-        body { 
-          font-family: Helvetica, Arial, sans-serif; 
-          font-size: 14px; 
-          color: ${textColor} !important; 
-          background: transparent !important; 
+        body {
+          font-family: Helvetica, Arial, sans-serif;
+          font-size: 14px;
+          color: ${textColor} !important;
+          background: transparent !important;
         }
       `,
-
       branding: false,
       paste_data_images: true,
       file_picker_types: 'image',

packages/angular-sdk-components/src/lib/_components/field/rich-text/rich-text.component.ts

@@ -1,6 +1,7 @@
 import { Component, forwardRef } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { ReactiveFormsModule } from '@angular/forms';
+
 import { FieldBase } from '../field.base';
 import { ComponentMapperComponent } from '../../../_bridge/component-mapper/component-mapper.component';
 import { handleEvent } from '../../../_helpers/event-util';
@@ -18,6 +19,7 @@ interface RichTextProps extends PConnFieldProps {
 })
 export class RichTextComponent extends FieldBase {
   configProps$: RichTextProps;
+
   info: any;
   error: boolean;
   status: any;
@@ -60,7 +62,10 @@ export class RichTextComponent extends FieldBase {
 
   fieldOnBlur(editorValue: any) {
     const oldVal = this.value$ ?? '';
-    if (editorValue.toString() !== oldVal.toString()) {
+
+    const isValueChanged = editorValue.toString() !== oldVal.toString();
+
+    if (isValueChanged) {
       handleEvent(this.actionsApi, 'changeNblur', this.propName, editorValue);
     }
   }