Tiptapify

Tiptap 3 uređivač obogaćenog teksta za Vue 3 s alatnom trakom izrađenom u Vuetify 3

Beta status

Ovaj je projekt trenutno u beta fazi. Funkcionalno je dovršen, ali još može sadržavati greške koje treba ispraviti.

Značajke

Vuetify 3 komponente

Lijepa Material Design alatna traka izrađena isključivo od Vuetify 3 komponenti

30+ ekstenzija

Oblikovanje obogaćenog teksta, ugradnja medija, tablice, blokovi koda s isticanjem sintakse

Slash naredbe

Upišite / za izbornik brzog umetanja naslova, popisa, medija i drugog

Internacionalizacija

Podrška za 20+ jezika putem vue-i18n

Tamna tema

Automatska podrška za tamni i svijetli način rada, usklađena s vašom Vuetify temom

TypeScript

Potpuna podrška za TypeScript s izvezenim tipovima za sve stavke alatne trake i props

Brzi početak

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 ovisnosti

Tiptapify zahtijeva Vue 3.x, Vuetify 3.x ili 4.x, vue-i18n 11+ i @mdi/js kao peer ovisnosti. Cjelovitu postavku pogledajte u vodiču za instalaciju.

Licenca

MIT — GitHub repozitorij