Snedstreckskommandon

Snedstreckskommandon ger en snabbinfogningsmeny som visas när du skriver / i början av en rad.

Aktivera snedstreckskommandon

Snedstreckskommandon är aktiverade som standard. Så här styr du dem uttryckligen:

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

Tillgängliga kommandon

Skriv / i redigeraren för att se kommandopaletten. Tillgängliga kommandon är bland annat:

Kommando	Beskrivning
/h1 - /h6	Infoga en rubrik (nivå 1-6)
/bulletList	Infoga en punktlista
/numberedList	Infoga en numrerad lista
/taskList	Infoga en uppgiftslista
/code	Infoga inbäddad kod
/codeBlock	Infoga ett kodblock
/quote	Infoga ett blockcitat
/image	Infoga en bild (öppnar URL-dialogen)
/video	Bädda in en YouTube-video
/table	Infoga en tabell
/link	Infoga en hyperlänk
/divider	Infoga en horisontell linje
/emoji	Öppna emojiväljaren
/specialChars	Öppna specialtecken

Så fungerar det

1. Placera markören i början av en rad eller efter ett mellanslag
2. Skriv / — kommandopaletten visas
3. Fortsätt skriva för att filtrera kommandon
4. Tryck på Enter eller klicka för att infoga det valda kommandot

Inaktivera snedstreckskommandon

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

Snedstreckskommandon med flytande meny

Kombinera snedstreckskommandon med den flytande menyn för den bästa redigeringsupplevelsen:

<template>
  <Tiptapify
    :slash-commands="true"
    :floating-menu="true"
    :bubble-menu="true"
    placeholder="Full command experience..."
  />
</template>

• Snedstreckskommandon (/) — utlöses genom att skriva / i början av en rad
• Flytande meny — visas när du placerar markören på en tom rad (erbjuder åtgärder på blocknivå)
• Bubbelmeny — visas när du markerar text (erbjuder inline-formatering)

Filtrera tillgängliga kommandon

Du kan ange vilka kommandon som ska ingå genom att skicka en array med kommando-ID:n:

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

Tillgängliga kommando-ID:n

ID	Beskrivning
h1 - h6	Rubriknivå 1-6
bulletList	Punktlista
numberedList	Numrerad lista
taskList	Uppgiftslista
code	Inbäddad kod
codeBlock	Kodblock
quote	Blockcitat
image	Bild
video	YouTube-video
table	Tabell
link	Länk
divider	Horisontell linje
emoji	Emoji
specialChars	Specialtecken