Tiptapify

Tiptap 3 rich text szerkesztő Vue 3-hoz, Vuetify 3 eszköztár-implementációval

Béta állapot

A projekt jelenleg béta állapotban van. Funkcionálisan teljes, de még előfordulhatnak javítandó hibák.

Funkciók

Vuetify 3 komponensek

Gyönyörű Material Design eszköztár, amely teljes egészében Vuetify 3 komponensekből épül fel

30+ bővítmény

Szövegformázás, médiabeágyazás, táblázatok, szintaxiskiemeléses kódblokkok

Perjeles parancsok

Írj be egy / jelet a gyorsbeszúrási menü megnyitásához: címsorok, listák, média és még sok más

Nemzetköziesítés

20+ nyelv támogatása a vue-i18n segítségével

Sötét téma

Automatikus sötét/világos mód támogatás, amely a Vuetify témáddal együttműködik

TypeScript

Teljes TypeScript-támogatás, minden eszköztárelemhez és propshoz exportált típusokkal

Gyors kezdés

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 függőségek

A Tiptapify peer függőségként Vue 3.x, Vuetify 3.x vagy 4.x, vue-i18n 11+ és @mdi/js csomagokat igényel. A teljes beállításhoz lásd a telepítési útmutatót.

Licenc

MIT — GitHub-tároló