Tiptapify

Tiptap 3 raiškiojo teksto redaktorius, skirtas Vue 3, su Vuetify 3 įrankių juosta

Beta būsena

Šis projektas šiuo metu yra Beta versijos. Visos funkcijos įgyvendintos, tačiau dar gali būti klaidų, kurias reikia ištaisyti.

Funkcijos

Vuetify 3 komponentai

Graži Material Design įrankių juosta, sukurta vien iš Vuetify 3 komponentų

30+ plėtinių

Raiškiojo teksto formatavimas, medijos įterpimas, lentelės, kodo blokai su sintaksės paryškinimu

Pasvirojo brūkšnio komandos

Įveskite /, kad atidarytumėte greito įterpimo meniu antraštėms, sąrašams, medijai ir kt.

Tarptautiškumas

20+ kalbų palaikymas per vue-i18n

Tamsioji tema

Automatinis tamsiojo ir šviesiojo režimo palaikymas, derantis su jūsų Vuetify tema

TypeScript

Pilnas TypeScript palaikymas su eksportuojamais tipais visiems įrankių juostos elementams ir savybėms

Greitas startas

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>

Priklausomybės (peer)

Tiptapify reikalauja Vue 3.x, Vuetify 3.x arba 4.x, vue-i18n 11+ ir @mdi/js kaip peer priklausomybių. Visą sąranką rasite diegimo vadove.

Licencija

MIT — GitHub saugykla