<quill-editor #editor
              [placeholder]="placeholder"
              [(ngModel)]="value"
              [readOnly]="readonly"
              (onContentChanged)="!readonly ? handleContentChanged($event) : null"
              (onFocus)="!readonly ? handleFocus($event) : null"
              (onBlur)="!readonly ? handleBlur($event): null">

  <div quill-editor-toolbar>
    <ng-container [ngTemplateOutlet]="toolbarTemplate || defaultEditorToolbarTemplate"></ng-container>
  </div>

</quill-editor>

<ng-template #defaultEditorToolbarTemplate>
    <span class="ql-formats">
      <button class="ql-bold"></button>
      <button class="ql-italic"></button>
      <button class="ql-underline"></button>
    </span>
  <span class="ql-formats">
      <button class="ql-list" value="ordered"></button>
      <button class="ql-list" value="bullet"></button>
    </span>
  <span class="ql-formats">
      <button class="ql-link"></button>
    </span>
</ng-template>