Rich Text

Creates a WYSIWYG HTML editor using the Tiptap.

Form

<template>
    <v-row>
        <v-col lg="3" md="4" sm="6">
      <va-rich-text-editor :label="$t('demo.richtext')" source="richtext" v-model="model.richText" :active-buttons="[
          'bold',
          'italic',
          'strike',
          'underline',
          'code',
          'h1',
          'h2',
          'h3',
          'bulletList',
          'orderedList',
          'blockquote',
          'codeBlock',
          'horizontalRule',
          'undo',
          'redo',
        ]">
      </va-rich-text-editor>
        </v-col>
    </v-row>
</template>

Mixins

  • Input
  • InputWrapper
  • Source
  • Resource

Properties

Property Type Description
source string The property of the resource to fetch the value to display. Supports dot display for slot used object.
model string By default source will be the last name sent to the API service for create/update. This support allows you to override this default behavior.