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

The complete demo application with instructions is available on GitHub at
https://github.com/ova2/angular-development-with-primeng/tree/master/chapter3/editor.
..................Content has been hidden....................

You can't read the all page of ebook, please click here login for view all page.
Reset
18.188.137.58