Μετάβαση στο περιεχόμενο

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

Οι εντολές με κάθετο παρέχουν ένα μενού γρήγορης εισαγωγής που εμφανίζεται όταν πληκτρολογείτε / στην αρχή μιας γραμμής.

Ενεργοποίηση των εντολών με κάθετο ​

Οι εντολές με κάθετο είναι ενεργοποιημένες από προεπιλογή. Για να τις ελέγξετε ρητά:

vue
<template>
  <Tiptapify
    :slash-commands="true"
    placeholder="Type / to see available commands..."
  />
</template>

Διαθέσιμες εντολές ​

Πληκτρολογήστε / στον επεξεργαστή για να δείτε την παλέτα εντολών. Οι διαθέσιμες εντολές περιλαμβάνουν:

ΕντολήΠεριγραφή
/h1 - /h6Εισαγωγή επικεφαλίδας (επίπεδα 1-6)
/bulletListΕισαγωγή λίστας με κουκκίδες
/numberedListΕισαγωγή αριθμημένης λίστας
/taskListΕισαγωγή λίστας εργασιών
/codeΕισαγωγή ενσωματωμένου κώδικα
/codeBlockΕισαγωγή μπλοκ κώδικα
/quoteΕισαγωγή μπλοκ παράθεσης
/imageΕισαγωγή εικόνας (ανοίγει διάλογο URL)
/videoΕνσωμάτωση βίντεο YouTube
/tableΕισαγωγή πίνακα
/linkΕισαγωγή υπερσυνδέσμου
/dividerΕισαγωγή οριζόντιας γραμμής
/emojiΆνοιγμα επιλογέα emoji
/specialCharsΆνοιγμα ειδικών χαρακτήρων

Πώς λειτουργεί ​

  1. Τοποθετήστε τον δρομέα στην αρχή μιας γραμμής ή μετά από ένα κενό
  2. Πληκτρολογήστε / — εμφανίζεται η παλέτα εντολών
  3. Συνεχίστε να πληκτρολογείτε για να φιλτράρετε τις εντολές
  4. Πατήστε Enter ή κάντε κλικ για να εισαγάγετε την επιλεγμένη εντολή

Απενεργοποίηση των εντολών με κάθετο ​

vue
<template>
  <Tiptapify
    :slash-commands="false"
    placeholder="Slash commands disabled..."
  />
</template>

Εντολές με κάθετο και πλωτό μενού ​

Συνδυάστε τις εντολές με κάθετο με το πλωτό μενού για την καλύτερη εμπειρία επεξεργασίας:

vue
<template>
  <Tiptapify
    :slash-commands="true"
    :floating-menu="true"
    :bubble-menu="true"
    placeholder="Full command experience..."
  />
</template>
  • Εντολές με κάθετο (/) — ενεργοποιούνται πληκτρολογώντας / στην αρχή μιας γραμμής
  • Πλωτό μενού — εμφανίζεται όταν τοποθετείτε τον δρομέα σε κενή γραμμή (προσφέρει ενέργειες σε επίπεδο μπλοκ)
  • Bubble menu — εμφανίζεται όταν επιλέγετε κείμενο (προσφέρει ενσωματωμένη μορφοποίηση)

Φιλτράρισμα των διαθέσιμων εντολών ​

Μπορείτε να ορίσετε ποιες εντολές θα περιληφθούν περνώντας έναν πίνακα με αναγνωριστικά εντολών:

vue
<template>
  <Tiptapify
    :slash-commands="['h1', 'h2', 'h3', 'bulletList', 'numberedList', 'quote']"
    placeholder="Filtered commands..."
  />
</template>

Διαθέσιμα αναγνωριστικά εντολών ​

IDΠεριγραφή
h1 - h6Επίπεδα επικεφαλίδας 1-6
bulletListΛίστα με κουκκίδες
numberedListΑριθμημένη λίστα
taskListΛίστα εργασιών
codeΕνσωματωμένος κώδικας
codeBlockΜπλοκ κώδικα
quoteΜπλοκ παράθεσης
imageΕικόνα
videoΒίντεο YouTube
tableΠίνακας
linkΣύνδεσμος
dividerΟριζόντια γραμμή
emojiEmoji
specialCharsΕιδικοί χαρακτήρες

Διατίθεται με την άδεια MIT.