ngx-text-editor-angular/src/ngx-text-editor/ngx-text-editor.component.html

WYSIWYG Editor for Angular 2+

<div class="ngx-text-editor"
     id="ngxTextEditor"
     [style.width]="config['width']"
     [style.minWidth]="config['minWidth']"
     tabindex="0"
     (focus)="onEditorFocus()">

  <ngx-text-editor-toolbar [config]="config"
                           (execute)="executeCommand($event)"
                           (uploadImage)="onUploadImage($event)"></ngx-text-editor-toolbar>

  <div #ngxWrapper
       class="ngx-wrapper">
    <textarea #ngxTextArea
              class="ngx-text-editor-textarea"
              [placeholder]="placeholder || config['placeholder']"
              [attr.contenteditable]="config['editable']"
              (input)="onContentChange($event)"
              [attr.translate]="config['translate']"
              [attr.spellcheck]="config['spellcheck']"
              [style.height]="config['height']"
              [style.minHeight]="config['minHeight']"
              [style.resize]="Utils?.canResize(resizer)"
              (focus)="onTextAreaFocus()"
              (blur)="onTextAreaBlur()"></textarea>
  </div>

  <ngx-text-editor-message></ngx-text-editor-message>

  <ngx-grippie *ngIf="resizer === 'stack'"></ngx-grippie>
</div>