Tiptapify

Tiptap 3 -rikastekstieditori Vue 3:lle Vuetify 3 -työkalurivillä

Beta-tila

Projekti on tällä hetkellä beta-vaiheessa. Se on toiminnoiltaan valmis, mutta siinä voi vielä olla korjattavia virheitä.

Ominaisuudet

Vuetify 3 -komponentit

Kaunis Material Design -työkalurivi, joka on rakennettu kokonaan Vuetify 3 -komponenteilla

Yli 30 laajennusta

Rikastekstin muotoilu, mediasisällön upotus, taulukot ja koodilohkot syntaksikorostuksella

Vinoviivakomennot

Kirjoita / avataksesi pikalisäysvalikon otsikoille, luetteloille, medialle ja muulle

Kansainvälistäminen

Yli 20 kieltä tuettuna vue-i18n:n kautta

Tumma teema

Automaattinen tumman ja vaalean tilan tuki, joka sopeutuu Vuetify-teemaasi

TypeScript

Täysi TypeScript-tuki ja viedyt tyypit kaikille työkalurivin kohteille ja propseille

Pikaopas

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-riippuvuudet

Tiptapify edellyttää peer-riippuvuuksina Vue 3.x:n, Vuetify 3.x:n tai 4.x:n, vue-i18n 11+:n ja @mdi/js:n. Katso täydellinen asennus asennusoppaasta.

Lisenssi

MIT — GitHub-repositorio