<form appFormSubmit (ngSubmit)="objectController.actionCallback(primaryAction)"
      [formGroup]="predefinedReplyForm" layoutDirection="column">
  <!--suppress JSUnusedGlobalSymbols -->
  <app-form-errors #formErrors [formGroup]="predefinedReplyForm"></app-form-errors>
  <div layoutDirection="row" appLayoutGap="10px">
    <mat-form-field appFlex="100">
      <mat-label i18n>Title</mat-label>
      <input matInput placeholder="Title" i18n-placeholder type="text" formControlName="title" required>
      <mat-error>{{fieldErrors['title']}}</mat-error>
    </mat-form-field>
  </div>
  <div layoutDirection="column">
    <h2 class="fl-heading-md" i18n>Content</h2>
    <div class="fl-tinymce-placeholder">
      <editor [init]="tinyMCEOptions" formControlName="content"
              (onKeyDown)="handleTinyKeyDown($event)" [licenseKey]="'gpl'"></editor>
    </div>
  </div>
</form>
