Tiptapify

Tiptap 3 rikastekstiredaktor Vue 3 jaoks Vuetify 3 tööriistaribaga

Beetastaatus

Projekt on praegu beetaversioonis. Funktsionaalsus on valmis, kuid mõni viga võib veel parandamist vajada.

Funktsioonid

Vuetify 3 komponendid

Kaunis Material Design'i tööriistariba, mis on ehitatud täielikult Vuetify 3 komponentidest

Üle 30 laienduse

Rikastekstivormindus, meedia manustamine, tabelid, süntaksi esiletõstuga koodiplokid

Kaldkriipsukäsud

Sisesta /, et avada kiirlisamise menüü pealkirjade, loendite, meedia ja muu jaoks

Rahvusvahelistamine

Üle 20 keele toe vue-i18n kaudu

Tume teema

Automaatne tumeda/heleda režiimi tugi, mis sobitub sinu Vuetify teemaga

TypeScript

Täielik TypeScripti tugi koos eksporditud tüüpidega kõigi tööriistariba üksuste ja propide jaoks

Kiirstart

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-sõltuvused

Tiptapify nõuab peer-sõltuvustena Vue 3.x, Vuetify 3.x või 4.x, vue-i18n 11+ ja @mdi/js. Täieliku seadistuse leiad paigaldusjuhendist.

Litsents

MIT — GitHubi repositoorium