Pāriet uz saturu

Slīpsvītras komandas ​

Slīpsvītras komandas nodrošina ātrās ievietošanas izvēlni, kas parādās, kad rindas sākumā ievadāt /.

Slīpsvītras komandu iespējošana ​

Slīpsvītras komandas pēc noklusējuma ir iespējotas. Lai tās kontrolētu skaidri:

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

Pieejamās komandas ​

Ievadiet / redaktorā, lai redzētu komandu paleti. Pieejamās komandas ir:

KomandaApraksts
/h1 - /h6Ievietot virsrakstu (1.–6. līmenis)
/bulletListIevietot nenumurētu sarakstu
/numberedListIevietot numurētu sarakstu
/taskListIevietot uzdevumu sarakstu
/codeIevietot iekļauto kodu
/codeBlockIevietot koda bloku
/quoteIevietot citātu bloku
/imageIevietot attēlu (atver URL dialoglodziņu)
/videoIegult YouTube video
/tableIevietot tabulu
/linkIevietot hipersaiti
/dividerIevietot horizontālu līniju
/emojiAtvērt emocijzīmju izvēli
/specialCharsAtvērt īpašās rakstzīmes

Kā tas darbojas ​

  1. Novietojiet kursoru rindas sākumā vai pēc atstarpes
  2. Ievadiet / — parādās komandu palete
  3. Turpiniet rakstīt, lai filtrētu komandas
  4. Nospiediet Enter vai noklikšķiniet, lai ievietotu atlasīto komandu

Slīpsvītras komandu atspējošana ​

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

Slīpsvītras komandas ar peldošo izvēlni ​

Apvienojiet slīpsvītras komandas ar peldošo izvēlni, lai rediģēšana būtu ērtākā:

vue
<template>
  <Tiptapify
    :slash-commands="true"
    :floating-menu="true"
    :bubble-menu="true"
    placeholder="Full command experience..."
  />
</template>
  • Slīpsvītras komandas (/) — tiek aktivizētas, rindas sākumā ievadot /
  • Peldošā izvēlne — parādās, kad novietojat kursoru tukšā rindā (piedāvā bloka līmeņa darbības)
  • Burbuļa izvēlne — parādās, kad atlasāt tekstu (piedāvā iekļauto formatēšanu)

Pieejamo komandu filtrēšana ​

Varat norādīt, kuras komandas iekļaut, nododot komandu ID masīvu:

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

Pieejamie komandu ID ​

IDApraksts
h1 - h61.–6. līmeņa virsraksti
bulletListNenumurēts saraksts
numberedListNumurēts saraksts
taskListUzdevumu saraksts
codeIekļautais kods
codeBlockKoda bloks
quoteCitātu bloks
imageAttēls
videoYouTube video
tableTabula
linkSaite
dividerHorizontāla līnija
emojiEmocijzīme
specialCharsĪpašās rakstzīmes

Izlaists saskaņā ar MIT licenci.