Pereiti prie turinio

Pasvirojo brūkšnio komandos ​

Pasvirojo brūkšnio komandos suteikia greito įterpimo meniu, kuris pasirodo įvedus / eilutės pradžioje.

Pasvirojo brūkšnio komandų įjungimas ​

Pasvirojo brūkšnio komandos įjungtos pagal numatytuosius nustatymus. Kad jas valdytumėte aiškiai:

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

Galimos komandos ​

Redaktoriuje įveskite /, kad pamatytumėte komandų paletę. Galimos komandos:

KomandaAprašas
/h1 - /h6Įterpti antraštę (1–6 lygių)
/bulletListĮterpti ženklelių sąrašą
/numberedListĮterpti numeruotą sąrašą
/taskListĮterpti užduočių sąrašą
/codeĮterpti kodą eilutėje
/codeBlockĮterpti kodo bloką
/quoteĮterpti citatos bloką
/imageĮterpti paveikslą (atidaro URL dialogą)
/videoĮterpti YouTube vaizdo įrašą
/tableĮterpti lentelę
/linkĮterpti nuorodą
/dividerĮterpti horizontalią liniją
/emojiAtidaryti emoji pasirinkiklį
/specialCharsAtidaryti specialiuosius simbolius

Kaip tai veikia ​

  1. Padėkite žymeklį eilutės pradžioje arba po tarpo
  2. Įveskite / – pasirodo komandų paletė
  3. Toliau rašykite, kad filtruotumėte komandas
  4. Paspauskite Enter arba spustelėkite, kad įterptumėte pasirinktą komandą

Pasvirojo brūkšnio komandų išjungimas ​

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

Pasvirojo brūkšnio komandos su slankiuoju meniu ​

Sujunkite pasvirojo brūkšnio komandas su slankiuoju meniu, kad redaguoti būtų patogiausia:

vue
<template>
  <Tiptapify
    :slash-commands="true"
    :floating-menu="true"
    :bubble-menu="true"
    placeholder="Full command experience..."
  />
</template>
  • Pasvirojo brūkšnio komandos (/) – iškviečiamos įvedus / eilutės pradžioje
  • Slankusis meniu – pasirodo, kai žymeklį padedate tuščioje eilutėje (siūlo blokų lygio veiksmus)
  • Burbulo meniu – pasirodo pažymėjus tekstą (siūlo formatavimą eilutėje)

Galimų komandų filtravimas ​

Galite nurodyti, kurias komandas įtraukti, perduodami komandų ID masyvą:

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

Galimi komandų ID ​

IDAprašas
h1 - h61–6 lygių antraštės
bulletListŽenklelių sąrašas
numberedListNumeruotas sąrašas
taskListUžduočių sąrašas
codeKodas eilutėje
codeBlockKodo blokas
quoteCitatos blokas
imagePaveikslas
videoYouTube vaizdo įrašas
tableLentelė
linkNuoroda
dividerHorizontali linija
emojiEmoji
specialCharsSpecialieji simboliai

Išleista pagal MIT licenciją.