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:
| Komanda | Apraksts |
|---|---|
/h1 - /h6 | Ievietot virsrakstu (1.–6. līmenis) |
/bulletList | Ievietot nenumurētu sarakstu |
/numberedList | Ievietot numurētu sarakstu |
/taskList | Ievietot uzdevumu sarakstu |
/code | Ievietot iekļauto kodu |
/codeBlock | Ievietot koda bloku |
/quote | Ievietot citātu bloku |
/image | Ievietot attēlu (atver URL dialoglodziņu) |
/video | Iegult YouTube video |
/table | Ievietot tabulu |
/link | Ievietot hipersaiti |
/divider | Ievietot horizontālu līniju |
/emoji | Atvērt emocijzīmju izvēli |
/specialChars | Atvērt īpašās rakstzīmes |
Kā tas darbojas
- Novietojiet kursoru rindas sākumā vai pēc atstarpes
- Ievadiet
/— parādās komandu palete - Turpiniet rakstīt, lai filtrētu komandas
- Nospiediet
Entervai 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
| ID | Apraksts |
|---|---|
h1 - h6 | 1.–6. līmeņa virsraksti |
bulletList | Nenumurēts saraksts |
numberedList | Numurēts saraksts |
taskList | Uzdevumu saraksts |
code | Iekļautais kods |
codeBlock | Koda bloks |
quote | Citātu bloks |
image | Attēls |
video | YouTube video |
table | Tabula |
link | Saite |
divider | Horizontāla līnija |
emoji | Emocijzīme |
specialChars | Īpašās rakstzīmes |