Tiptapify

Tiptap 3 rich text editor voor Vue 3 met een toolbar op basis van Vuetify 3

Bètastatus

Dit project bevindt zich momenteel in bèta. Alle functies zijn aanwezig, maar er kunnen nog enkele bugs zitten.

Functies

Vuetify 3-componenten

Een fraaie Material Design-toolbar, volledig opgebouwd met Vuetify 3-componenten

30+ extensies

Tekstopmaak, ingesloten media, tabellen en codeblokken met syntaxiskleuring

Slash-commando's

Typ / om het snelmenu te openen voor koppen, lijsten, media en meer

Internationalisatie

Meer dan 20 talen via vue-i18n

Donker thema

Automatische ondersteuning voor donkere en lichte modus, afgestemd op je Vuetify-thema

TypeScript

Volledige TypeScript-ondersteuning met geëxporteerde types voor alle toolbaritems en props

Snel aan de slag

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 dependencies

Tiptapify vereist Vue 3.x, Vuetify 3.x of 4.x, vue-i18n 11+ en @mdi/js als peer dependencies. Zie de installatiehandleiding voor de volledige setup.

Licentie

MIT — GitHub-repository