Editor

Editor is rich text editor component based on Quill.

PREVIEW

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

A model can be bound using the standard v-model directive.

basic-demo

When readonly is present, the value cannot be edited.

readonly-demo

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.

template-demo

Editor integrates seamlessly with the PrimeVue Forms library.

forms-demo

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.

Theme Designer