[editor] Add text formatting for checkbox and radio labels

projects/common/element-components/checkbox.component.ts

@@ -16,7 +16,7 @@ import { FormElementComponent } from '../form-element-component.directive';
                   [style.font-weight]="elementModel.bold ? 'bold' : ''"
                   [style.font-style]="elementModel.italic ? 'italic' : ''"
                   [style.text-decoration]="elementModel.underline ? 'underline' : ''">
-      {{elementModel.label}}
+      <div [innerHTML]="elementModel.label"></div>
     </mat-checkbox>
   `
 })

projects/common/element-components/radio-button-group.component.ts

@@ -14,7 +14,7 @@ import { FormElementComponent } from '../form-element-component.directive';
            [style.font-weight]="elementModel.bold ? 'bold' : ''"
            [style.font-style]="elementModel.italic ? 'italic' : ''"
            [style.text-decoration]="elementModel.underline ? 'underline' : ''">
-          <label id="radio-group-label">{{elementModel.label}}</label>
+          <label [innerHTML]="elementModel.label" id="radio-group-label"></label>
           <mat-radio-group aria-labelledby="radio-group-label" fxLayout="{{elementModel.alignment}}"
                            [formControl]="elementFormControl">
               <mat-radio-button *ngFor="let option of elementModel.options" [value]="option">

projects/editor/src/app/unit.service.ts

@@ -260,9 +260,7 @@ export class UnitService {
   showDefaultEditDialog(element: UnitUIElement): void {
     switch (element.type) {
       case 'button':
-      case 'checkbox':
       case 'dropdown':
-      case 'radio':
         this.dialogService.showTextEditDialog((element as any).label, false).subscribe((result: string) => {
           if (result) {
             this.updateElementProperty([element], 'label', result);
@@ -289,6 +287,15 @@ export class UnitService {
             this.updateElementProperty([element], 'value', result);
           }
         });
+        break;
+      case 'checkbox':
+      case 'radio':
+        this.dialogService.showRichTextEditDialog((element as any).label).subscribe((result: string) => {
+          if (result) {
+            this.updateElementProperty([element], 'label', result);
+          }
+        });
+        break;
       // no default
     }
   }