İçeriğe geç

Slash Komutları ​

Slash komutları, bir satırın başında / yazdığınızda açılan bir hızlı ekleme menüsü sağlar.

Slash Komutlarını Etkinleştirme ​

Slash komutları varsayılan olarak etkindir. Bunları açıkça denetlemek için:

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

Kullanılabilir Komutlar ​

Komut paletini görmek için düzenleyicide / yazın. Kullanılabilir komutlar şunlardır:

KomutAçıklama
/h1 - /h6Başlık ekler (1-6. seviye)
/bulletListMadde işaretli liste ekler
/numberedListNumaralı liste ekler
/taskListGörev listesi ekler
/codeSatır içi kod ekler
/codeBlockKod bloğu ekler
/quoteAlıntı bloğu ekler
/imageGörsel ekler (URL diyaloğunu açar)
/videoYouTube videosu gömer
/tableTablo ekler
/linkBağlantı ekler
/dividerYatay çizgi ekler
/emojiEmoji seçiciyi açar
/specialCharsÖzel karakterleri açar

Nasıl Çalışır ​

  1. İmlecinizi bir satırın başına veya bir boşluktan sonraya getirin
  2. / yazın — komut paleti açılır
  3. Komutları filtrelemek için yazmaya devam edin
  4. Seçilen komutu eklemek için Enter tuşuna basın veya tıklayın

Slash Komutlarını Devre Dışı Bırakma ​

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

Slash Komutları ve Kayan Menü ​

En iyi düzenleme deneyimi için slash komutlarını kayan menüyle birlikte kullanın:

vue
<template>
  <Tiptapify
    :slash-commands="true"
    :floating-menu="true"
    :bubble-menu="true"
    placeholder="Full command experience..."
  />
</template>
  • Slash komutları (/) — bir satırın başında / yazılınca tetiklenir
  • Kayan menü — imlecinizi boş bir satıra getirdiğinizde görünür (blok düzeyinde eylemler sunar)
  • Balon menü — metin seçtiğinizde görünür (satır içi biçimlendirme sunar)

Kullanılabilir Komutları Filtreleme ​

Bir komut kimliği dizisi vererek hangi komutların dahil edileceğini belirleyebilirsiniz:

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

Kullanılabilir Komut Kimlikleri ​

IDAçıklama
h1 - h6Başlık seviyeleri 1-6
bulletListMadde işaretli liste
numberedListNumaralı liste
taskListGörev listesi
codeSatır içi kod
codeBlockKod bloğu
quoteAlıntı bloğu
imageGörsel
videoYouTube videosu
tableTablo
linkBağlantı
dividerYatay çizgi
emojiEmoji
specialCharsÖzel karakterler

MIT Lisansı altında yayımlanmıştır.