Tiptapify

Tiptap 3 bagātā teksta redaktors Vue 3 ar Vuetify 3 rīkjoslu

Beta statuss

Projekts pašlaik ir beta versijā. Funkcionalitāte ir pabeigta, taču vēl var būt kļūdas, kas jālabo.

Iespējas

Vuetify 3 komponenti

Skaista Material Design rīkjosla, kas pilnībā veidota no Vuetify 3 komponentiem

30+ paplašinājumu

Bagātā teksta formatēšana, multivides iegulšana, tabulas, koda bloki ar sintakses izcelšanu

Slīpsvītras komandas

Ievadiet /, lai atvērtu ātrās ievietošanas izvēlni virsrakstiem, sarakstiem, multivides saturam un citam

Internacionalizācija

20+ valodu atbalsts, izmantojot vue-i18n

Tumšā tēma

Automātisks tumšā/gaišā režīma atbalsts, kas darbojas kopā ar jūsu Vuetify tēmu

TypeScript

Pilns TypeScript atbalsts ar eksportētiem tipiem visiem rīkjoslas elementiem un rekvizītiem

Ātrā sākšana

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 atkarības

Tiptapify kā peer atkarības nepieciešami Vue 3.x, Vuetify 3.x vai 4.x, vue-i18n 11+ un @mdi/js. Pilnu iestatīšanu skatiet instalēšanas ceļvedī.

Licence

MIT — GitHub repozitorijs