Tiptapify

Edytor tekstu sformatowanego Tiptap 3 dla Vue 3 z paskiem narzędzi opartym na Vuetify 3

Status Beta

Projekt jest obecnie w wersji Beta. Ma już pełny zestaw funkcji, ale mogą w nim jeszcze występować błędy do poprawienia.

Funkcje

Komponenty Vuetify 3

Elegancki pasek narzędzi w stylu Material Design, zbudowany wyłącznie z komponentów Vuetify 3

Ponad 30 rozszerzeń

Formatowanie tekstu, osadzanie multimediów, tabele, bloki kodu z podświetlaniem składni

Polecenia ukośnikowe

Wpisz /, aby otworzyć menu szybkiego wstawiania nagłówków, list, multimediów i innych elementów

Internacjonalizacja

Ponad 20 języków dzięki vue-i18n

Ciemny motyw

Automatyczna obsługa trybu ciemnego i jasnego, zgodna z motywem Vuetify

TypeScript

Pełna obsługa TypeScript z eksportowanymi typami wszystkich elementów paska narzędzi i właściwości

Szybki start

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>

Zależności peer

Tiptapify wymaga jako zależności peer: Vue 3.x, Vuetify 3.x lub 4.x, vue-i18n 11+ oraz @mdi/js. Pełną konfigurację znajdziesz w przewodniku instalacji.

Licencja

MIT — Repozytorium GitHub