Liigu sisu juurde

Kaldkriipsukäsud ​

Kaldkriipsukäsud pakuvad kiirlisamise menüüd, mis ilmub, kui sisestad rea alguses /.

Kaldkriipsukäskude lubamine ​

Kaldkriipsukäsud on vaikimisi lubatud. Nende selgesõnaliseks juhtimiseks:

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

Saadaolevad käsud ​

Käsupaleti nägemiseks sisesta redaktoris /. Saadaolevate käskude hulgas on:

KäskKirjeldus
/h1 - /h6Lisa pealkiri (tasemed 1-6)
/bulletListLisa täpploend
/numberedListLisa nummerdatud loend
/taskListLisa ülesandeloend
/codeLisa reasisene kood
/codeBlockLisa koodiplokk
/quoteLisa tsitaat
/imageLisa pilt (avab URL-i dialoogi)
/videoManusta YouTube'i video
/tableLisa tabel
/linkLisa hüperlink
/dividerLisa horisontaaljoon
/emojiAva emotikonide valija
/specialCharsAva erimärgid

Kuidas see töötab ​

  1. Aseta kursor rea algusesse või tühiku järele
  2. Sisesta / — käsupalett ilmub
  3. Jätka kirjutamist, et käske filtreerida
  4. Vajuta Enter või klõpsa, et valitud käsk lisada

Kaldkriipsukäskude keelamine ​

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

Kaldkriipsukäsud koos ujuva menüüga ​

Parima redigeerimiskogemuse saamiseks kombineeri kaldkriipsukäsud ujuva menüüga:

vue
<template>
  <Tiptapify
    :slash-commands="true"
    :floating-menu="true"
    :bubble-menu="true"
    placeholder="Full command experience..."
  />
</template>
  • Kaldkriipsukäsud (/) — käivituvad, kui sisestad rea alguses /
  • Ujuv menüü — ilmub, kui asetad kursori tühjale reale (pakub plokitaseme toiminguid)
  • Hõljumenüü — ilmub, kui valid teksti (pakub reasisest vormindust)

Saadaolevate käskude filtreerimine ​

Saad määrata, millised käsud kaasata, andes ette käsu ID-de massiivi:

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

Saadaolevad käsu ID-d ​

IDKirjeldus
h1 - h6Pealkirjatasemed 1-6
bulletListTäpploend
numberedListNummerdatud loend
taskListÜlesandeloend
codeReasisene kood
codeBlockKoodiplokk
quoteTsitaat
imagePilt
videoYouTube'i video
tableTabel
linkLink
dividerHorisontaaljoon
emojiEmotikon
specialCharsErimärgid

Avaldatud MIT litsentsi alusel.