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 be customized with any number of toolbar controls in different ways. Refer to the Quill documentation for all available controls.
The complete demo application...
