Tiptapify

Tiptap 3 rich text-redigerare för Vue 3 med verktygsfält byggt med Vuetify 3

Betastatus

Projektet är för närvarande i Beta. Det är funktionellt komplett men kan fortfarande ha några buggar som ska rättas till.

Funktioner

Vuetify 3-komponenter

Ett snyggt verktygsfält i Material Design, byggt helt med Vuetify 3-komponenter

30+ tillägg

Rik textformatering, inbäddning av media, tabeller och kodblock med syntaxmarkering

Snedstreckskommandon

Skriv / för att öppna snabbinfogningsmenyn för rubriker, listor, media och mer

Internationalisering

20+ språk stöds via vue-i18n

Mörkt tema

Automatiskt stöd för mörkt och ljust läge som integreras med ditt Vuetify-tema

TypeScript

Fullt TypeScript-stöd med exporterade typer för alla verktygsfältsobjekt och props

Snabbstart

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

Tiptapify kräver Vue 3.x, Vuetify 3.x eller 4.x, vue-i18n 11+ och @mdi/js som peer-beroenden. Se installationsguiden för hela konfigurationen.

Licens

MIT — GitHub-repository