doneit-web/src/app/tiny-mce/tiny-mce.page.html

<div >
<ion-toolbar class="d-flex">
  <div class="d-flex align-items-center px-20 pt-20 font-25-rem">
    <div class="left cursor-pointer" (click)="close()">
      <fa-icon icon="chevron-left" class="menu-icon font-awesome-1"></fa-icon>
    </div>

    <div class="middle add-ellipsis font-25-rem">
      {{Document.Assunto}}
    </div>

    <div class="right cursor-pointer" (click)="openOptions()">
      <fa-icon icon="ellipsis-v" class="menu-icon font-awesome-1"></fa-icon>
    </div>

  </div>
</ion-toolbar>
</div>

<editor
  apiKey="wr5dk69kive0qr9ig6y5spqvlj3a0tsiwnzdsexnz241k69p"
  [(ngModel)]="editorContent"
  [init]="{ 
    height: 600,
    menubar: false,
    plugins: [
      'advlist autolink lists link image charmap print preview anchor',
      'searchreplace visualblocks code fullscreen',
      'insertdatetime media table paste code help wordcount print'
    ],
    toolbar:
      'undo redo | formatselect | bold italic backcolor | \
      alignleft aligncenter alignright alignjustify | \
      bullist numlist outdent indent | removeformat | print | help' }"
  initialValue='{{content}}'
  [(ngModel)]="content"
  (onSaveContent)="somefunction()"
></editor>