פקודות לוכסן
פקודות לוכסן מספקות תפריט הוספה מהירה שמופיע כשמקלידים / בתחילת שורה.
הפעלת פקודות לוכסן
פקודות לוכסן מופעלות כברירת מחדל. כדי לשלוט בהן במפורש:
vue
<template>
<Tiptapify
:slash-commands="true"
placeholder="Type / to see available commands..."
/>
</template>פקודות זמינות
הקלידו / בעורך כדי לראות את לוח הפקודות. הפקודות הזמינות כוללות:
| פקודה | תיאור |
|---|---|
/h1 - /h6 | הוספת כותרת (רמות 1-6) |
/bulletList | הוספת רשימת תבליטים |
/numberedList | הוספת רשימה ממוספרת |
/taskList | הוספת רשימת משימות |
/code | הוספת קוד בתוך השורה |
/codeBlock | הוספת בלוק קוד |
/quote | הוספת ציטוט |
/image | הוספת תמונה (פותח דיאלוג URL) |
/video | הטמעת סרטון YouTube |
/table | הוספת טבלה |
/link | הוספת היפר-קישור |
/divider | הוספת קו אופקי |
/emoji | פתיחת בורר אימוג'י |
/specialChars | פתיחת תווים מיוחדים |
איך זה עובד
- מקמו את הסמן בתחילת שורה או אחרי רווח
- הקלידו
/— לוח הפקודות מופיע - המשיכו להקליד כדי לסנן פקודות
- לחצו
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 | תווים מיוחדים |