Added vuetify-pro-tiptap for html formating.

This commit is contained in:
2026-02-03 02:48:10 +01:00
parent 92933d11f5
commit 64422fc68e
5 changed files with 1024 additions and 27 deletions
+10 -15
View File
@@ -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>