ngx-editor-plus/src/app/ngx-editor/ngx-editor.component.html

WYSIWYG Editor for Angular Applications

<div class="ngx-editor" id="ngxEditor" [style.width]="config['width']" [style.minWidth]="config['minWidth']">

  <app-ngx-editor-toolbar [config]="config" [enableToolbar]="enableToolbar" [showToolbar]="showToolbar" (execute)="executeCommand($event)"></app-ngx-editor-toolbar>

  <!-- text area -->
  <div class="ngx-editor-textarea" [attr.contenteditable]="config['editable']" [attr.placeholder]="config['placeholder']" (input)="onContentChange($event.target.innerHTML)"
    [attr.translate]="config['translate']" [attr.spellcheck]="config['spellcheck']" [style.height]="config['height']" [style.minHeight]="config['minHeight']"
    [style.resize]="Utils?.canResize(resizer)" (focus)="onFocus()" (blur)="onBlur($event)" #ngxTextArea></div>

  <app-ngx-editor-message></app-ngx-editor-message>

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

</div>