estra-e.component.html

<div class="container">
  <form class="example-form" [formGroup]="myForm" (ngSubmit)="onSubmit()" >
    <mat-card>
      <mat-card-header>
        <div class="save-button">
          <button mat-raised-button color="primary" *ngIf="!cambio"
            (click)="cambiar()">Editar</button>
          <button mat-raised-button color="primary" *ngIf="cambio"
            (click)="onSubmit()">Guardar</button>
          <span class="separator"></span>
          <button mat-raised-button color="warn" *ngIf="cambio"
            (click)="cancelado()">Cancelar</button>
        </div>
      </mat-card-header>
      <mat-card-content>

        <div>
          <label class="label-negrita"> Metas del Programa:</label>
            <ckeditor formControlName="metas" class="custom-ckeditor"
            [disabled]="!isEditorEnabled" [style.height]="editorHeight"
            [editor]="Editor"></ckeditor>
          <div *ngIf="myForm.get('metas').hasError('maxlength')"
            class="error-message">
            El contenido no puede exceder los 3000 caracteres.
          </div>
        </div>

        <div>
          <label class="label-negrita"> Políticas del Programa para la ejecución de Proyectos:</label>
            <ckeditor formControlName="politica" class="custom-ckeditor"
            [disabled]="!isEditorEnabled" [style.height]="editorHeight"
            [editor]="Editor"></ckeditor>
          <div *ngIf="myForm.get('politica').hasError('maxlength')"
            class="error-message">
            El contenido no puede exceder los 3000 caracteres.
          </div>
        </div>

      </mat-card-content>
    </mat-card>
  </form>
</div>