Added vuetify-pro-tiptap for html formating.
This commit is contained in:
@@ -1,6 +1,5 @@
|
||||
<script setup lang="ts">
|
||||
import {useLabelEditorStore} from "~/store/labelEditorStore";
|
||||
import {originToString} from "~/types/origin";
|
||||
import DeleteConfirm from "~/components/ui/deleteConfirm.vue";
|
||||
import type {Ref} from "vue";
|
||||
|
||||
@@ -150,6 +149,7 @@
|
||||
:hint="store.settings.bio"
|
||||
persistent-placeholder
|
||||
persistent-hint
|
||||
:readonly="!edit"
|
||||
/>
|
||||
</v-row>
|
||||
|
||||
@@ -160,6 +160,7 @@
|
||||
:hint="store.settings.mhd"
|
||||
persistent-placeholder
|
||||
persistent-hint
|
||||
:readonly="!edit"
|
||||
/>
|
||||
</v-row>
|
||||
</v-col>
|
||||
@@ -172,24 +173,17 @@
|
||||
:hint="store.settings.bio_info"
|
||||
persistent-placeholder
|
||||
persistent-hint
|
||||
:readonly="!edit"
|
||||
/>
|
||||
</v-row>
|
||||
<v-row no-gutters>
|
||||
<v-textarea
|
||||
v-model.trim="store.articleEdit.description"
|
||||
:tile=true
|
||||
<VuetifyTiptap
|
||||
v-model="store.articleEdit.description"
|
||||
label="Beschreibung"
|
||||
counter
|
||||
:persistentCounter=true
|
||||
rows="6"
|
||||
no-resize
|
||||
:readonly="!edit"
|
||||
persistent-placeholder
|
||||
>
|
||||
<template v-slot:counter="{ counter }">
|
||||
<span>{{ counter }} von {{ store.ingredientsMaxChars }} Zeichen.</span>
|
||||
</template>
|
||||
</v-textarea>
|
||||
rounded
|
||||
:max-height="200"
|
||||
:disabled="!edit"
|
||||
/>
|
||||
</v-row>
|
||||
</v-col>
|
||||
|
||||
@@ -201,6 +195,7 @@
|
||||
:hint="store.settings.allergens_text"
|
||||
persistent-placeholder
|
||||
persistent-hint
|
||||
:readonly="!edit"
|
||||
/>
|
||||
</v-row>
|
||||
<v-row no-gutters>
|
||||
|
||||
Reference in New Issue
Block a user