Complete guide to fixing Hebrew RTL reversal in Claude Code, Copilot, and AI agents in VS Code. Includes recommended RTL extension, practical tips, and essential settings.
אם אתם מפתחים ישראליים שעובדים עם Claude Code, GitHub Copilot, או כל סוכן AI אחר ב-VS Code - סביר מאוד שנתקלתם בבעיה המתסכלת של היפוך העברית. במקום לקרוא "שלום עולם" אתם רואים טקסט שמיושר לא נכון, מילים בסדר הפוך, או סתם בלגן שקשה לקרוא.
Enjoying this? There's more where this came from.
Practical guides, new tools, and AI & digital tips — straight to your inbox, once a week. Never miss a thing.
הבעיה נובעת מכך שהתוסף של Claude Code ב-VS Code (וגם תוספים אחרים של סוכני AI) יצא לפני זמן קצר, והגרסאות הראשונות פשוט לא תמכו נכון בשפות RTL (Right-to-Left) כמו עברית וערבית. ההודעות בצ'אט של הסוכן מוצגות ביישור לשמאל, סדר המילים מתהפך, והחוויה הופכת מתסכלת.
אבל יש חדשות טובות - הבעיה נפתרה, ויש כמה פתרונות מצוינים. במדריך הזה נעבור על כל האפשרויות.
הפתרון הטוב ביותר שקיים כיום הוא תוסף שפותח על ידי Guy Ronnen - מפתח ישראלי מוכשר שזיהה את הבעיה ובנה פתרון שעובד עם כל הסוכנים. התוסף נקרא "RTL for VS Code Agents" והוא זמין בחינם ב-GitHub.
קישור ישיר למאגר: github.com/GuyRonnen/rtl-for-vs-code-agents
חשוב: אם כבר התקנתם את התוסף בעבר, ודאו שאתם מעודכנים לגרסה האחרונה (8.0.0 ומעלה) שכוללת את התיקון להיפוך שנכנס לפני זמן קצר.
פתרון נוסף ששווה להכיר הוא Multi-RTL - תוסף שמיישר תוכן RTL באופן קונפיגורבילי לא רק ב-VS Code, אלא בכל אתר שהוא. זה כולל:
פרטים נוספים: multi-rtl.asia-digital.online
מעבר לתוסף RTL, יש כמה הגדרות שכדאי להפעיל ב-VS Code כדי לשפר את חוויית העבודה בעברית:
פתחו את ההגדרות (Ctrl+, או Cmd+,) וחפשו:
editor.wordWrap: "on"
editor.accessibilitySupport: "off"(מונע בעיות RTL מסוימות)
לא כל גופני mono תומכים טוב בעברית. גופנים מומלצים:
"terminal.integrated.rightClickBehavior": "default"
"terminal.integrated.unicodeVersion": "11"
סוכני AI כמו Claude ו-Gemini מבינים עברית מצוין. אין סיבה לכתוב באנגלית. למעשה, כשאתם כותבים בעברית אתם מקבלים תשובות יותר מדויקות לקונטקסט הישראלי - מונחים מקצועיים, מינוחים מקובלים, ואפילו סלנג מקצועי.
אם אתם רוצים שהתשובות יהיו בעברית, כתבו בתחילת הפרומפט: "ענה בעברית." או "כל הטקסט של הממשק צריך להיות בעברית." זה חוסך המון זמן בתרגומים.
כשאתם מבקשים מ-AI לכתוב קוד שמכיל טקסט בעברית (למשל ממשק משתמש), בקשו ממנו:
dir="rtl" לאלמנטים בעבריתאם אתם עובדים עם Claude Code, צרו קובץ CLAUDE.md בשורש הפרויקט שמכיל:
## שפה ותרבות
- כל הודעות המשתמש, תגובות, טקסטי ממשק ותוכן באתר - בעברית
- כיוון ברירת מחדל: RTL
- גופן מומלץ לעברית: [שם הגופן]
- תמיד הוסף dir="rtl" לאלמנטי HTML עם תוכן בעברית
ככה Claude Code ידע אוטומטית להתנהל נכון עם עברית בכל פקודה.
הוסיפו לפרויקט שלכם בדיקה אוטומטית שמוודאת שכל הטקסטים בעברית מוצגים נכון:
dir="rtl"כדי להבין את הבעיה, צריך להבין קצת על איך RTL עובד בדפדפנים ובסביבות פיתוח:
כל טקסט שמכיל גם עברית וגם אנגלית עובר אלגוריתם שנקרא BiDi. האלגוריתם קובע את סדר התווים לפי סוג הכתיבה. הבעיה מתחילה כש:
dir attribute)VS Code הוא בעיקרו עורך קוד, וקוד הוא LTR. לכן הכיוון ברירת המחדל הוא שמאל-לימין. כשתוספי AI (כמו Claude Code) מציגים טקסט בצ'אט, הם משתמשים ב-Webview של VS Code, שברירת מחדל מוגדר כ-LTR. בלי התערבות מפורשת, העברית פשוט לא מוצגת נכון.
התוסף מזהה אוטומטית בלוקים של טקסט עברי בתוך ה-Webview של הסוכנים ומוסיף להם:
dir="rtl" לפסקאות עבריותtext-align: rightהכל נעשה בצד הלקוח, ללא שינוי בתוכן עצמו, ובצורה שלא פוגעת בביצועים.
רמת העברית: מצוינת. Claude מבין ומייצר עברית ברמה גבוהה מאוד, כולל ניואנסים תרבותיים וסלנג. הבעיה היחידה היא תצוגת RTL ב-VS Code, שנפתרה עם התוסף.
רמת העברית: טובה. Copilot יכול להשלים קוד עם הערות בעברית ולייצר תיעוד בעברית. גם כאן התוסף של Guy Ronnen מתקן את תצוגת ה-RTL.
רמת העברית: מצוינת. Gemini תומך בעברית ברמה גבוהה, וב-Gemini Web אין בעיית RTL כי גוגל כבר טיפלו בזה. הבעיה קיימת רק בסביבות צד שלישי.
רמת העברית: טובה מאוד. OpenAI שיפרו משמעותית את התמיכה בעברית. בממשק הרשמי (chat.openai.com) אין בעיית RTL.
פתרון: ודאו שהפעלתם מחדש את VS Code. אם זה לא עוזר, בדקו שהתוסף מופעל (לא Disabled). נסו גם: Ctrl+Shift+P → "Developer: Reload Window".
פתרון: התוסף אמור לזהות בלוקי קוד ולשמור אותם LTR. אם זה לא עובד, עדכנו לגרסה האחרונה. אם הבעיה נמשכת, פתחו issue ב-GitHub של התוסף.
פתרון: זה נדיר, אבל אם קורה, נסו לבטל תוספים אחרים שעשויים להתנגש. התוסף של Guy Ronnen קל מאוד ולא אמור להשפיע על ביצועים.
פתרון: זו בעיית BiDi קלאסית. השתמשו בתווי Unicode Bidi control כשצריך: LRM (Left-to-Right Mark) ו-RLM (Right-to-Left Mark) כדי לכפות כיוון לסימנים ספציפיים.
המצב משתפר בהתמדה. כמה תחזיות לשנים הקרובות:
dir="rtl" ו-lang="he" על תג ה-<html>margin-inline-start במקום margin-left, padding-inline-end במקום padding-rightdirection: rtl - הסדר מתהפך אוטומטיתdir="ltr" על ה-inputnext-intl או react-intl לניהול RTLdir דינמי ב-layout componentrtl: modifier (Tailwind 3.3+)end_of_line = lfתודה מיוחדת ל-Guy Ronnen על הפיתוח של תוסף RTL for VS Code Agents שפותר את הבעיה בצורה אלגנטית ויעילה.
כן, לחלוטין. קוד פתוח, זמין ב-GitHub.
כן! התוסף תומך בכל שפות RTL כולל ערבית, פרסית, ואורדו.
לא. התוסף עובד אוטומטית (plug & play). אם תרצו להתאים הגדרות, יש אפשרויות קונפיגורציה בהגדרות VS Code.
לא. התוסף קל מאוד ופועל רק כשהצ'אט של הסוכנים פתוח.
פתחו issue ב-GitHub: github.com/GuyRonnen/rtl-for-vs-code-agents/issues. Guy Ronnen מגיב מהר וקשוב לקהילה.
עברית ו-AI הם שילוב שעובד מצוין - כשהכלים מסודרים. הבעיה של היפוך RTL ב-Claude Code ובסוכני AI ב-VS Code נפתרה, הודות לתוסף של Guy Ronnen ולפתרון Multi-RTL.
אם אתם מפתחים ישראליים שעובדים עם AI, ההמלצה היא פשוטה:
הקהילה הישראלית של מפתחי AI גדלה כל יום. אם יש לכם טיפים נוספים או שאלות - צרו קשר ונשמח לעדכן את המדריך.
Every week we send practical AI tips, new tools, and strategies that work — straight to your inbox, no spam.
At JOYO Digital we help businesses grow with AI and digital: