التخطي إلى المحتوى

أوامر الشرطة المائلة ​

توفّر أوامر الشرطة المائلة قائمة إدراج سريع تظهر عند كتابة / في بداية السطر.

تفعيل أوامر الشرطة المائلة ​

أوامر الشرطة المائلة مفعّلة افتراضيًا. للتحكم بها صراحةً:

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

الأوامر المتاحة ​

اكتب / في المحرر لعرض لوحة الأوامر. تشمل الأوامر المتاحة:

الأمرالوصف
/h1 - /h6إدراج عنوان (المستويات 1-6)
/bulletListإدراج قائمة نقطية
/numberedListإدراج قائمة مرقّمة
/taskListإدراج قائمة مهام
/codeإدراج شيفرة مضمّنة في السطر
/codeBlockإدراج كتلة شيفرة
/quoteإدراج اقتباس
/imageإدراج صورة (يفتح نافذة الرابط)
/videoتضمين فيديو YouTube
/tableإدراج جدول
/linkإدراج رابط تشعبي
/dividerإدراج خط أفقي
/emojiفتح منتقي الرموز التعبيرية
/specialCharsفتح الأحرف الخاصة

كيف تعمل ​

  1. ضع المؤشر في بداية السطر أو بعد مسافة
  2. اكتب / — تظهر لوحة الأوامر
  3. تابع الكتابة لتصفية الأوامر
  4. اضغط Enter أو انقر لإدراج الأمر المحدد

تعطيل أوامر الشرطة المائلة ​

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

أوامر الشرطة المائلة مع القائمة العائمة ​

اجمع بين أوامر الشرطة المائلة والقائمة العائمة للحصول على أفضل تجربة تحرير:

vue
<template>
  <Tiptapify
    :slash-commands="true"
    :floating-menu="true"
    :bubble-menu="true"
    placeholder="Full command experience..."
  />
</template>
  • أوامر الشرطة المائلة (/) — تُفعَّل بكتابة / في بداية السطر
  • القائمة العائمة — تظهر عند وضع المؤشر على سطر فارغ (وتقدّم إجراءات على مستوى الكتل)
  • قائمة الفقاعة — تظهر عند تحديد نص (وتقدّم تنسيقًا داخل السطر)

تصفية الأوامر المتاحة ​

يمكنك تحديد الأوامر التي تريد تضمينها بتمرير مصفوفة من معرّفات الأوامر:

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

معرّفات الأوامر المتاحة ​

المعرّفالوصف
h1 - h6مستويات العناوين 1-6
bulletListقائمة نقطية
numberedListقائمة مرقّمة
taskListقائمة مهام
codeشيفرة مضمّنة في السطر
codeBlockكتلة شيفرة
quoteاقتباس
imageصورة
videoفيديو YouTube
tableجدول
linkرابط
dividerخط أفقي
emojiرمز تعبيري
specialCharsأحرف خاصة

صدر بموجب ترخيص MIT.