Tiptapify

Tiptap 3 rik tekstredigerer for Vue 3 med verktøylinje bygget på Vuetify 3

Betastatus

Dette prosjektet er for øyeblikket i beta. Det er funksjonskomplett, men kan fortsatt ha noen feil som må rettes.

Funksjoner

Vuetify 3-komponenter

Vakker Material Design-verktøylinje bygget helt med Vuetify 3-komponenter

30+ utvidelser

Rik tekstformatering, medieinnbygging, tabeller, kodeblokker med syntaksutheving

Skråstrekkommandoer

Skriv / for å åpne hurtiginnsettingsmenyen for overskrifter, lister, medier og mer

Internasjonalisering

20+ språk støttes via vue-i18n

Mørkt tema

Automatisk støtte for mørk/lys modus som integreres med Vuetify-temaet ditt

TypeScript

Full TypeScript-støtte med eksporterte typer for alle verktøylinjeelementer og props

Hurtigstart

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-avhengigheter

Tiptapify krever Vue 3.x, Vuetify 3.x eller 4.x, vue-i18n 11+ og @mdi/js som peer-avhengigheter. Se installasjonsguiden for hele oppsettet.

Lisens

MIT — GitHub-repositorium