Tiptapify

Editor teks kaya Tiptap 3 untuk Vue 3 dengan implementasi toolbar Vuetify 3

Status Beta

Proyek ini saat ini berstatus Beta. Fiturnya sudah lengkap, tetapi mungkin masih ada beberapa bug yang perlu diperbaiki.

Fitur

Komponen Vuetify 3

Toolbar Material Design yang indah, dibangun sepenuhnya dengan komponen Vuetify 3

30+ Ekstensi

Pemformatan teks kaya, penyematan media, tabel, blok kode dengan penyorotan sintaks

Perintah Garis Miring

Ketik / untuk membuka menu sisip cepat untuk judul, daftar, media, dan lainnya

Internasionalisasi

Mendukung 20+ bahasa melalui vue-i18n

Tema Gelap

Dukungan mode gelap/terang otomatis yang terintegrasi dengan tema Vuetify Anda

TypeScript

Dukungan penuh TypeScript dengan tipe yang diekspor untuk semua item toolbar dan props

Mulai Cepat

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 Dependency

Tiptapify memerlukan Vue 3.x, Vuetify 3.x atau 4.x, vue-i18n 11+, dan @mdi/js sebagai peer dependency. Lihat panduan Instalasi untuk pengaturan lengkap.

Lisensi

MIT — Repositori GitHub