Angular UI Development with PrimeNG

The customized editor

As stated before, the editor provides a default toolbar with common options. The toolbar can be customized by defining elements inside the header element. For example, a custom toolbar created with text style controls would be as follows:

<p-editor name="custom" [(ngModel)]="customtext"   styleClass="editor-dimensions">  <p-header>    <span class="ql-formats">      <button class="ql-bold"></button>      <button class="ql-italic"></button>      <button class="ql-underline"></button>      <button class="ql-clean"></button>    </span>  </p-header></p-editor>

The text editor with the customized toolbar will be displayed as follows:

The toolbar can ...