Preskočiť na obsah

Príkazy lomítka ​

Príkazy lomítka poskytujú ponuku rýchleho vkladania, ktorá sa zobrazí po napísaní / na začiatku riadka.

Zapnutie príkazov lomítka ​

Príkazy lomítka sú predvolene zapnuté. Ak ich chcete ovládať explicitne:

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

Dostupné príkazy ​

Napíšte / v editore a zobrazí sa paleta príkazov. Dostupné príkazy zahŕňajú:

PríkazPopis
/h1 - /h6Vloží nadpis (úrovne 1-6)
/bulletListVloží odrážkový zoznam
/numberedListVloží číslovaný zoznam
/taskListVloží úlohový zoznam
/codeVloží inline kód
/codeBlockVloží blok kódu
/quoteVloží citáciu
/imageVloží obrázok (otvorí dialóg URL)
/videoVloží video z YouTube
/tableVloží tabuľku
/linkVloží hypertextový odkaz
/dividerVloží vodorovnú čiaru
/emojiOtvorí výber emoji
/specialCharsOtvorí špeciálne znaky

Ako to funguje ​

  1. Umiestnite kurzor na začiatok riadka alebo za medzeru
  2. Napíšte / — zobrazí sa paleta príkazov
  3. Ďalším písaním príkazy filtrujte
  4. Stlačte Enter alebo kliknite a vložte vybraný príkaz

Vypnutie príkazov lomítka ​

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

Príkazy lomítka s plávajúcou ponukou ​

Pre čo najlepší zážitok z úprav skombinujte príkazy lomítka s plávajúcou ponukou:

vue
<template>
  <Tiptapify
    :slash-commands="true"
    :floating-menu="true"
    :bubble-menu="true"
    placeholder="Full command experience..."
  />
</template>
  • Príkazy lomítka (/) — spúšťajú sa napísaním / na začiatku riadka
  • Plávajúca ponuka — zobrazí sa, keď umiestnite kurzor na prázdny riadok (ponúka akcie na úrovni blokov)
  • Bublinová ponuka — zobrazí sa pri výbere textu (ponúka inline formátovanie)

Filtrovanie dostupných príkazov ​

Príkazy, ktoré sa majú zahrnúť, môžete určiť odovzdaním poľa ID príkazov:

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

Dostupné ID príkazov ​

IDPopis
h1 - h6Úrovne nadpisov 1-6
bulletListOdrážkový zoznam
numberedListČíslovaný zoznam
taskListÚlohový zoznam
codeInline kód
codeBlockBlok kódu
quoteCitácia
imageObrázok
videoVideo z YouTube
tableTabuľka
linkOdkaz
dividerVodorovná čiara
emojiEmoji
specialCharsŠpeciálne znaky

Vydané pod licenciou MIT.