Ugrás a tartalomhoz

Perjeles parancsok ​

A perjeles parancsok gyorsbeszúrási menüt adnak, amely akkor jelenik meg, ha egy sor elején / jelet írsz.

Perjeles parancsok engedélyezése ​

A perjeles parancsok alapértelmezetten engedélyezettek. Kifejezett szabályozásukhoz:

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

Elérhető parancsok ​

A parancspaletta megtekintéséhez írj / jelet a szerkesztőben. Az elérhető parancsok többek között:

ParancsLeírás
/h1 - /h6Címsor beszúrása (1-6. szint)
/bulletListFelsorolás beszúrása
/numberedListSzámozott lista beszúrása
/taskListFeladatlista beszúrása
/codeBeágyazott kód beszúrása
/codeBlockKódblokk beszúrása
/quoteIdézetblokk beszúrása
/imageKép beszúrása (URL-párbeszédablak)
/videoYouTube-videó beágyazása
/tableTáblázat beszúrása
/linkHivatkozás beszúrása
/dividerVízszintes vonal beszúrása
/emojiEmojiválasztó megnyitása
/specialCharsSpeciális karakterek megnyitása

Hogyan működik ​

  1. Helyezd a kurzort egy sor elejére vagy egy szóköz után
  2. Írj / jelet — megjelenik a parancspaletta
  3. Folytasd a gépelést a parancsok szűréséhez
  4. Nyomd meg az Enter billentyűt, vagy kattints a kiválasztott parancs beszúrásához

Perjeles parancsok letiltása ​

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

Perjeles parancsok lebegő menüvel ​

A legjobb szerkesztési élményért kombináld a perjeles parancsokat a lebegő menüvel:

vue
<template>
  <Tiptapify
    :slash-commands="true"
    :floating-menu="true"
    :bubble-menu="true"
    placeholder="Full command experience..."
  />
</template>
  • Perjeles parancsok (/) — a sor elején beírt / jel váltja ki őket
  • Lebegő menü — akkor jelenik meg, ha a kurzort üres sorra helyezed (blokkszintű műveleteket kínál)
  • Buborékmenü — szöveg kijelölésekor jelenik meg (beágyazott formázást kínál)

Az elérhető parancsok szűrése ​

Megadhatod, mely parancsok szerepeljenek, ha parancsazonosítók tömbjét adod át:

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

Elérhető parancsazonosítók ​

AzonosítóLeírás
h1 - h61-6. szintű címsorok
bulletListFelsorolás
numberedListSzámozott lista
taskListFeladatlista
codeBeágyazott kód
codeBlockKódblokk
quoteIdézetblokk
imageKép
videoYouTube-videó
tableTáblázat
linkHivatkozás
dividerVízszintes vonal
emojiEmoji
specialCharsSpeciális karakterek

MIT licenc alatt kiadva.