Tiptapify

Tiptap 3 rich text uređivač za Vue 3 sa Vuetify 3 trakom sa alatima

Status: beta

Projekat je trenutno u fazi Beta. Funkcionalno je kompletan, ali može sadržati greške koje tek treba ispraviti.

Mogućnosti

Vuetify 3 komponente

Lepa Material Design traka sa alatima izgrađena isključivo od Vuetify 3 komponenti

30+ ekstenzija

Formatiranje teksta, ugrađivanje medija, tabele, blokovi koda sa isticanjem sintakse

Slash komande

Ukucajte / da otvorite meni za brzo umetanje naslova, lista, medija i drugog

Internacionalizacija

Podrška za 20+ jezika preko vue-i18n

Tamna tema

Automatska podrška za tamni i svetli režim, usklađena sa vašom Vuetify temom

TypeScript

Potpuna TypeScript podrška sa izvezenim tipovima za sve stavke trake sa alatima i props

Brzi početak

bash

npm i tiptapify
# or
pnpm i tiptapify

vue

<script setup lang="ts">
const handleEditorReady = (options) => {
  console.log('HTML:', options.getHTML())
  console.log('JSON:', options.getJSON())
}
</script>

<template>
  <Tiptapify
    placeholder="Start writing..."
    @editor-ready="handleEditorReady"
  />
</template>

Zavisnosti peer

Tiptapify zahteva Vue 3.x, Vuetify 3.x ili 4.x, vue-i18n 11+ i @mdi/js kao peer zavisnosti. Kompletno podešavanje potražite u vodiču za instalaciju.

Licenca

MIT — GitHub repozitorijum