Tiptapify

Urejevalnik obogatenega besedila Tiptap 3 za Vue 3 z orodno vrstico, zgrajeno z Vuetify 3

Stanje beta

Projekt je trenutno v različici beta. Funkcionalno je dokončan, vendar lahko vsebuje še kakšno napako.

Funkcije

Komponente Vuetify 3

Čudovita orodna vrstica v slogu Material Design, zgrajena izključno s komponentami Vuetify 3

Več kot 30 razširitev

Oblikovanje obogatenega besedila, vdelava medijev, tabele, bloki kode z barvanjem sintakse

Ukazi s poševnico

Vnesite / za meni hitrega vstavljanja naslovov, seznamov, medijev in drugega

Internacionalizacija

Več kot 20 podprtih jezikov prek vue-i18n

Temna tema

Samodejna podpora temnemu in svetlemu načinu, ki se povezuje s temo Vuetify

TypeScript

Polna podpora za TypeScript z izvoženimi tipi za vse elemente orodne vrstice in lastnosti

Hitri začetek

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 odvisnosti

Tiptapify kot peer odvisnosti zahteva Vue 3.x, Vuetify 3.x ali 4.x, vue-i18n 11+ in @mdi/js. Celotno nastavitev najdete v vodniku za namestitev.

Licenca

MIT — Repozitorij GitHub