Tiptapify

Επεξεργαστής εμπλουτισμένου κειμένου Tiptap 3 για Vue 3 με γραμμή εργαλείων Vuetify 3

Κατάσταση Beta

Το έργο βρίσκεται σε φάση Beta. Είναι πλήρες σε λειτουργίες, αλλά ενδέχεται να έχει ακόμη κάποια σφάλματα προς διόρθωση.

Χαρακτηριστικά

Στοιχεία Vuetify 3

Εντυπωσιακή γραμμή εργαλείων Material Design, φτιαγμένη εξ ολοκλήρου με στοιχεία Vuetify 3

30+ επεκτάσεις

Μορφοποίηση εμπλουτισμένου κειμένου, ενσωμάτωση πολυμέσων, πίνακες, μπλοκ κώδικα με επισήμανση σύνταξης

Εντολές με κάθετο

Πληκτρολογήστε / για να ανοίξει το μενού γρήγορης εισαγωγής επικεφαλίδων, λιστών, πολυμέσων και άλλων

Διεθνοποίηση

Υποστήριξη 20+ γλωσσών μέσω vue-i18n

Σκούρο θέμα

Αυτόματη υποστήριξη σκούρου/ανοιχτού θέματος, ενσωματωμένη στο θέμα του Vuetify

TypeScript

Πλήρης υποστήριξη TypeScript με εξαγόμενους τύπους για όλα τα στοιχεία της γραμμής εργαλείων και τα props

Γρήγορη εκκίνηση

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

Το Tiptapify απαιτεί ως peer dependencies τα Vue 3.x, Vuetify 3.x ή 4.x, vue-i18n 11+ και @mdi/js. Δείτε τον οδηγό εγκατάστασης για την πλήρη ρύθμιση.

Άδεια χρήσης

MIT — Αποθετήριο GitHub

Tiptapify ​

Χαρακτηριστικά ​