Rich text editor

Used to content editor based Tiptap.js

Import

import { MpRichTextEditor, MpRTEStyleProvider } from '@mekari/pixel3'

Playground

API

MpRichTextEditor

Props

Events

Name	Type	Default
id Id of rich text editor.	string	-
value Value of rich text editor.	string	-
placeholder Placeholder of rich text editor.	string	-
maxlength Maximum character length of rich text editor.	number	-
options Options of rich text editor.	heading | bold | italic | underline | strike | blockquote | bulletList | orderedList | align | mention | textLink | image | file | audio | undo | redo | clear | { value: string, tooltip?: string }	-
suggestions Mention suggestion items. Each item supports id, name, optional description, and optional avatar.	array	[]
is-disabled If true, rich text editor will be disabled.	boolean	false
is-invalid If true, rich text editor is marked as invalid.	boolean	false
has-border If true, rich text editor border will be displayed.	boolean	false

MpRTEStyleProvider

Props

Name	Type	Default
id Id of RTE style provider.	string	-

Usage

Advance usage

Use emit action or paste event to handle attach image, file, audio