Tiptapify

Editor formátovaného textu Tiptap 3 pre Vue 3 s lištou nástrojov postavenou na Vuetify 3

Stav beta

Projekt je momentálne vo fáze Beta. Má všetky plánované funkcie, no môže obsahovať ešte niekoľko chýb na opravu.

Funkcie

Komponenty Vuetify 3

Elegantná lišta nástrojov v štýle Material Design postavená výlučne na komponentoch Vuetify 3

Viac ako 30 rozšírení

Formátovanie textu, vkladanie médií, tabuľky a bloky kódu so zvýrazňovaním syntaxe

Príkazy lomítka

Napísaním / otvoríte ponuku rýchleho vkladania nadpisov, zoznamov, médií a ďalších prvkov

Internacionalizácia

Podpora viac ako 20 jazykov cez vue-i18n

Tmavý režim

Automatická podpora tmavého a svetlého režimu, ktorá sa prispôsobí téme Vuetify

TypeScript

Plná podpora TypeScriptu s exportovanými typmi pre všetky položky lišty nástrojov a props

Rýchly štart

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>

Peer závislosti

Tiptapify vyžaduje ako peer závislosti Vue 3.x, Vuetify 3.x alebo 4.x, vue-i18n 11+ a @mdi/js. Úplný postup nastavenia nájdete v príručke inštalácie.

Licencia

MIT — Repozitár GitHub