Richtext

Feature-rich WYSWYG text editor

Usage

Simple Usage

preview

<template>
  <p-richtext />
</template>

Control Variants

Richtext has 2 control variants, simple and advanced. Default is simple

preview

<template>
  <p-richtext variant="simple" />
  <p-richtext variant="advanced" />
</template>

Placeholder

preview

<template>
  <p-richtext placeholder="Write something" />
</template>

Disabled State

preview

<template>
  <p-richtext disabled />
</template>

Readonly State

preview

<template>
  <p-richtext readonly />
</template>

Error State

preview

<template>
  <p-richtext error />
</template>

Binding v-model

Textarea value can be binding with v-model.

preview

result:

-

<template>
  <p-richtext v-model="result" />
</template>

API

Props

Props	Type	Default	Description
placeholder	String	-	Input's placeholder
disabled	Boolean	false	Disable state
readonly	Boolean	false	Readonly state
error	Boolean	false	Error state
accept	String	-	Whitelist character can be inputted
modelValue	String	-	v-model value

Slots

Name	Description
There no slots here

Events

Name	Arguments	Description
input	Native Input Object	Event when value inputted

See Also

• Input