Tiptapify

Editor rich text Tiptap 3 pentru Vue 3, cu bară de instrumente implementată în Vuetify 3

Stadiu Beta

Proiectul se află în prezent în stadiul Beta. Are toate funcționalitățile planificate, dar pot exista încă erori de corectat.

Funcționalități

Componente Vuetify 3

O bară de instrumente Material Design elegantă, construită integral din componente Vuetify 3

Peste 30 de extensii

Formatare rich text, încorporare de media, tabele, blocuri de cod cu evidențierea sintaxei

Comenzi slash

Tastează / pentru a deschide meniul de inserare rapidă pentru titluri, liste, media și altele

Internaționalizare

Peste 20 de limbi acceptate prin vue-i18n

Temă întunecată

Suport automat pentru modul întunecat/luminos, integrat cu tema ta Vuetify

TypeScript

Suport complet TypeScript, cu tipuri exportate pentru toate elementele barei de instrumente și pentru proprietăți

Start rapid

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>

Dependențe peer

Tiptapify necesită ca dependențe peer Vue 3.x, Vuetify 3.x sau 4.x, vue-i18n 11+ și @mdi/js. Consultă ghidul de instalare pentru configurarea completă.

Licență

MIT — Depozitul GitHub