Editor

Editor is rich text editor component based on Quill.


import { EditorModule } from 'primeng/editor';

Editor uses Quill editor underneath so it needs to be installed as a dependency.


npm install quill

Editor provides a default toolbar with common options, to customize it define your elements inside the header element. Refer to Quill documentation for available controls.



<p-editor [(ngModel)]="text" [style]="{ height: '320px' }"></p-editor>

NameElement
p-editor-containerContainer element
p-editor-toolbarToolbar of the editor
p-editor-contentEditable area
Accessibility guide documents the specification of this component based on WCAG guidelines, the implementation is in progress.