Siirry sisältöön

Vinoviivakomennot ​

Vinoviivakomennot tarjoavat pikalisäysvalikon, joka avautuu, kun kirjoitat / rivin alkuun.

Vinoviivakomentojen käyttöönotto ​

Vinoviivakomennot ovat oletuksena käytössä. Voit hallita niitä myös erikseen:

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

Käytettävissä olevat komennot ​

Kirjoita editoriin / nähdäksesi komentopaletin. Käytettävissä olevia komentoja ovat:

KomentoKuvaus
/h1 - /h6Lisää otsikko (tasot 1-6)
/bulletListLisää luettelo
/numberedListLisää numeroitu luettelo
/taskListLisää tehtäväluettelo
/codeLisää koodi tekstin sekaan
/codeBlockLisää koodilohko
/quoteLisää lainaus
/imageLisää kuva (avaa URL-dialogin)
/videoUpota YouTube-video
/tableLisää taulukko
/linkLisää hyperlinkki
/dividerLisää vaakaviiva
/emojiAvaa emojivalitsin
/specialCharsAvaa erikoismerkit

Miten se toimii ​

  1. Aseta kohdistin rivin alkuun tai välilyönnin jälkeen
  2. Kirjoita / — komentopaletti avautuu
  3. Jatka kirjoittamista suodattaaksesi komentoja
  4. Paina Enter tai napsauta lisätäksesi valitun komennon

Vinoviivakomentojen poistaminen käytöstä ​

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

Vinoviivakomennot ja kelluva valikko ​

Yhdistä vinoviivakomennot ja kelluva valikko parhaan muokkauskokemuksen saamiseksi:

vue
<template>
  <Tiptapify
    :slash-commands="true"
    :floating-menu="true"
    :bubble-menu="true"
    placeholder="Full command experience..."
  />
</template>
  • Vinoviivakomennot (/) — käynnistyvät kirjoittamalla / rivin alkuun
  • Kelluva valikko — tulee näkyviin, kun asetat kohdistimen tyhjälle riville (tarjoaa lohkotason toimintoja)
  • Kuplavalikko — tulee näkyviin, kun valitset tekstiä (tarjoaa tekstin sisäisen muotoilun)

Käytettävissä olevien komentojen suodattaminen ​

Voit määrittää, mitkä komennot otetaan mukaan, antamalla komentotunnisteiden taulukon:

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

Käytettävissä olevat komentotunnisteet ​

TunnisteKuvaus
h1 - h6Otsikkotasot 1-6
bulletListLuettelo
numberedListNumeroitu luettelo
taskListTehtäväluettelo
codeKoodi tekstin sekaan
codeBlockKoodilohko
quoteLainaus
imageKuva
videoYouTube-video
tableTaulukko
linkLinkki
dividerVaakaviiva
emojiEmoji
specialCharsErikoismerkit

Julkaistu MIT-lisenssillä.