Editor
Editor is rich text editor component based on Quill.
Import #
import { EditorModule } from 'primeng/editor';Quill #
Editor uses Quill editor underneath so it needs to be installed as a dependency.
Basic #
A model can be bound using the standard ngModel directive.
ReadOnly #
When readonly is present, the value cannot be edited.
Template #
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.
Forms #
Template Driven #
Reactive Forms #
Editor can also be used with reactive forms. In this case, the formControlName property is used to bind the component to a form control.
Accessibility #
Quill performs generally well in terms of accessibility. The elements in the toolbar can be tabbed and have the necessary ARIA roles/attributes for screen readers. One known limitation is the lack of arrow key support for dropdowns in the toolbar that may be overcome with a custom toolbar.
