Tiptapify

Vuetify 3 araç çubuğu uygulamasıyla Vue 3 için Tiptap 3 zengin metin düzenleyici

Beta Durumu

Bu proje şu anda Beta aşamasındadır. Özellikleri tamamlanmıştır, ancak düzeltilmesi gereken bazı hatalar olabilir.

Özellikler

Vuetify 3 Bileşenleri

Tamamen Vuetify 3 bileşenleriyle oluşturulmuş şık bir Material Design araç çubuğu

30+ Eklenti

Zengin metin biçimlendirme, medya gömme, tablolar, sözdizimi vurgulamalı kod blokları

Slash Komutları

Başlıklar, listeler, medya ve daha fazlası için hızlı ekleme menüsünü açmak üzere / yazın

Çok Dillilik

vue-i18n ile 20'den fazla dil desteği

Koyu Tema

Vuetify temanızla bütünleşen otomatik koyu/açık mod desteği

TypeScript

Tüm araç çubuğu öğeleri ve prop'lar için dışa aktarılan tiplerle tam TypeScript desteği

Hızlı Başlangıç

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>

Eş Bağımlılıklar

Tiptapify, eş bağımlılık olarak Vue 3.x, Vuetify 3.x veya 4.x, vue-i18n 11+ ve @mdi/js gerektirir. Kurulumun tamamı için Kurulum kılavuzuna bakın.

Lisans

MIT — GitHub Deposu