Tiptapify

Editor di testo ricco Tiptap 3 per Vue 3 con barra degli strumenti basata su Vuetify 3

Stato Beta

Questo progetto è attualmente in Beta. Ha tutte le funzionalità previste, ma potrebbe contenere ancora qualche bug da correggere.

Funzionalità

Componenti Vuetify 3

Una elegante barra degli strumenti in Material Design, costruita interamente con componenti Vuetify 3

Oltre 30 estensioni

Formattazione del testo, incorporamento di media, tabelle, blocchi di codice con evidenziazione della sintassi

Comandi slash

Digita / per aprire il menu di inserimento rapido di titoli, elenchi, media e altro

Internazionalizzazione

Oltre 20 lingue supportate tramite vue-i18n

Tema scuro

Supporto automatico alla modalità chiara/scura, integrato con il tema Vuetify

TypeScript

Supporto completo a TypeScript, con tipi esportati per tutti gli elementi della barra degli strumenti e per le props

Guida rapida

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>

Dipendenze peer

Tiptapify richiede come dipendenze peer Vue 3.x, Vuetify 3.x o 4.x, vue-i18n 11+ e @mdi/js. Consulta la guida all'installazione per la configurazione completa.

Licenza

MIT — Repository GitHub