Preskoči na vsebino

Ukazi s poševnico ​

Ukazi s poševnico ponujajo meni hitrega vstavljanja, ki se prikaže, ko na začetku vrstice vnesete /.

Omogočanje ukazov s poševnico ​

Ukazi s poševnico so privzeto omogočeni. Če jih želite izrecno nadzorovati:

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

Razpoložljivi ukazi ​

V urejevalniku vnesite /, da vidite paleto ukazov. Razpoložljivi ukazi vključujejo:

UkazOpis
/h1 - /h6Vstavi naslov (ravni 1-6)
/bulletListVstavi neoštevilčen seznam
/numberedListVstavi oštevilčen seznam
/taskListVstavi seznam opravil
/codeVstavi vrstično kodo
/codeBlockVstavi blok kode
/quoteVstavi citat
/imageVstavi sliko (odpre okno za URL)
/videoVdelaj video YouTube
/tableVstavi tabelo
/linkVstavi hiperpovezavo
/dividerVstavi vodoravno črto
/emojiOdpri izbirnik emojijev
/specialCharsOdpri posebne znake

Kako deluje ​

  1. Kazalec postavite na začetek vrstice ali za presledek
  2. Vnesite / — prikaže se paleta ukazov
  3. Z nadaljnjim tipkanjem filtrirate ukaze
  4. Pritisnite Enter ali kliknite, da vstavite izbrani ukaz

Onemogočanje ukazov s poševnico ​

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

Ukazi s poševnico s plavajočim menijem ​

Ukaze s poševnico združite s plavajočim menijem za najboljšo izkušnjo urejanja:

vue
<template>
  <Tiptapify
    :slash-commands="true"
    :floating-menu="true"
    :bubble-menu="true"
    placeholder="Full command experience..."
  />
</template>
  • Ukazi s poševnico (/) — sprožijo se z vnosom / na začetku vrstice
  • Plavajoči meni — prikaže se, ko kazalec postavite na prazno vrstico (ponuja dejanja na ravni blokov)
  • Meni z mehurčkom — prikaže se, ko izberete besedilo (ponuja vrstično oblikovanje)

Filtriranje razpoložljivih ukazov ​

Določite lahko, katere ukaze vključiti, tako da podate polje ID-jev ukazov:

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

Razpoložljivi ID-ji ukazov ​

IDOpis
h1 - h6Ravni naslovov 1-6
bulletListNeoštevilčen seznam
numberedListOštevilčen seznam
taskListSeznam opravil
codeVrstična koda
codeBlockBlok kode
quoteCitat
imageSlika
videoVideo YouTube
tableTabela
linkPovezava
dividerVodoravna črta
emojiEmoji
specialCharsPosebni znaki

Izdano pod licenco MIT.