Two-way value binding is defined with v-model.
+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.
+Name | +Type | +Default | +Description | +
---|---|---|---|
value | +string | +null | +Value of the content. | +
placeholder | +string | +null | +Placeholder text to show when editor is empty. | +
readonly | +boolean | +false | +Whether to instantiate the editor to read-only mode. | +
formats | +string[] | +null | +Whitelist of formats to display, see here for available options. | +
editorStyle | +any | +null | +Inline style of the container. | +
Name | +Parameters | +Description | +
---|---|---|
text-change | +event.delta: Representation of the change. + event.source: Source of change. Will be either "user" or "api". + event.htmlValue: Current value as html. + event.textValue: Current value as text. |
+ Callback to invoke when text of editor changes. | +
input | +event: Current value as html. | +Callback to invoke on input event of input field. | +
Refer to Quill documentation for more information.
+ +Following is the list of structural style classes, for theming classes visit
Name | +Element | +
---|---|
p-editor-container | +Container element | +
p-editor-toolbar | +Toolbar of the editor | +
p-editor-content | +Editable area | +
Quill Editor 1.3+.
+Resources of quill needs to be added to your application.
+