להורדה | סימניה לRTL (תצוגה מימין לשמאל) בAI STUDIO.

ע"ה דכו"ע

הכנתי סימניה נוחה לשינוי הכיוון של הטקסט, מותאמת במיוחד לAI STUDIO.

כל הסימניות והתוספים שקיימים בפורום לשינוי RTL, לדעתי בדרך כלל הורסים את התצוגה של הדף, בגלל שהוא לא נבנה לתצוגה כזו מימין לשמאל, אבל בAI STUDIO זה באמת מפריע שהטקסט של הצ'אט שכתוב בעברית מוצג משמאל לימין, לכן יצרתי את הסימניה הזו שמשנה רק את האלמנטים האלו של הצ'אט עצמו ולא כל המסביב.

עדכון: עדכנתי שהאלמנטים של הקוד לא ישתנו, זה כמובן עובד רק כשיש זיהוי שמדובר בבלוק קוד, ולא כאשר זה לא מזוהה כמו שקורה הרבה פעמים.
כמו כן היתה תקלה שאת הפרומפט של המשתמש הוא לא החליף ותוקן עכשיו.

עדכון נוסף: למי שקורא את המחשבות של המודל בלי להשתמש בתרגום יש צורך להחריג גם אותם, הכנתי סימניה מיוחדת עם החרגה גם של המחשבות בספויילר.

javascript:(function()%7Bjavascript%3A(function()%7B%0A%20%20%2F%2F%201.%20%D7%91%D7%95%D7%97%D7%A8%20%D7%90%D7%AA%20%D7%9B%D7%9C%20%D7%94%D7%90%D7%9C%D7%9E%D7%A0%D7%98%D7%99%D7%9D%20%D7%A2%D7%9D%20%D7%94%D7%9E%D7%97%D7%9C%D7%A7%D7%94%20%22model-prompt-container%22%20%20%0A%20%20const%20modelElements%20%3D%20document.querySelectorAll('.model-prompt-container')%3B%20%20%2F%2F%20%D7%9E%D7%A9%D7%AA%D7%9E%D7%A9%20%D7%91%E2%80%91querySelectorAll%20%D7%9B%D7%93%D7%99%20%D7%9C%D7%91%D7%97%D7%95%D7%A8%20NodeList%20%D7%A9%D7%9C%20%D7%90%D7%9C%D7%9E%D7%A0%D7%98%D7%99%D7%9D%20%3AcontentReference%5Boaicite%3A0%5D%7Bindex%3D0%7D%0A%0A%20%20%2F%2F%202.%20%D7%9E%D7%A9%D7%A0%D7%94%20%D7%9C%D7%9B%D7%9C%20%D7%90%D7%9C%D7%9E%D7%A0%D7%98%20%D7%90%D7%AA%20%D7%94%D7%9B%D7%99%D7%95%D7%95%D7%9F%20%D7%9C%E2%80%91RTL%20%20%0A%20%20modelElements.forEach(el%20%3D%3E%20%7B%0A%20%20%20%20el.style.direction%20%3D%20'rtl'%3B%20%20%2F%2F%20%D7%9E%D7%92%D7%93%D7%99%D7%A8%20%D7%90%D7%AA%20%D7%94%E2%80%91CSS%20property%20%22direction%22%20%D7%9C%E2%80%91rtl%20%3AcontentReference%5Boaicite%3A1%5D%7Bindex%3D1%7D%0A%20%20%20%20%2F%2F%20el.dir%20%3D%20'rtl'%3B%20%20%20%20%20%20%20%20%20%20%2F%2F%20%D7%90%D7%A4%D7%A9%D7%A8%D7%95%D7%AA%20%D7%A0%D7%95%D7%A1%D7%A4%D7%AA%3A%20%D7%94%D7%92%D7%93%D7%A8%D7%AA%20%D7%94%D7%9E%D7%90%D7%A4%D7%99%D7%99%D7%9F%20HTML%20dir%0A%20%20%7D)%3B%0A%0A%20%20%2F%2F%203.%20%D7%91%D7%95%D7%97%D7%A8%20%D7%90%D7%AA%20%D7%9B%D7%9C%20%D7%94%D7%90%D7%9C%D7%9E%D7%A0%D7%98%D7%99%D7%9D%20%D7%A2%D7%9D%20%D7%94%D7%9E%D7%97%D7%9C%D7%A7%D7%94%20%22user-prompt-container%22%20%20%0A%20%20const%20userElements%20%3D%20document.querySelectorAll('.user-prompt-container')%3B%20%20%2F%2F%20%3AcontentReference%5Boaicite%3A2%5D%7Bindex%3D2%7D%0A%0A%20%20%2F%2F%204.%20%D7%9E%D7%A9%D7%A0%D7%94%20%D7%9C%D7%94%D7%9D%20%D7%92%D7%9D%20%D7%9C%D7%9B%D7%99%D7%95%D7%95%D7%9F%20RTL%20%20%0A%20%20userElements.forEach(el%20%3D%3E%20%7B%0A%20%20%20%20el.style.direction%20%3D%20'rtl'%3B%20%20%2F%2F%20%3AcontentReference%5Boaicite%3A3%5D%7Bindex%3D3%7D%0A%20%20%20%20%2F%2F%20el.dir%20%3D%20'rtl'%3B%0A%20%20%7D)%3B%0A%0A%20%20%2F%2F%205.%20%D7%91%D7%95%D7%97%D7%A8%20%D7%90%D7%AA%20%D7%9B%D7%9C%20%D7%94%D7%90%D7%9C%D7%9E%D7%A0%D7%98%D7%99%D7%9D%20%D7%A2%D7%9D%20%D7%94%D7%9E%D7%97%D7%9C%D7%A7%D7%94%20%22syntax-highlighted-code-wrapper%22%20%20%0A%20%20const%20codeWrappers%20%3D%20document.querySelectorAll('.syntax-highlighted-code-wrapper')%3B%20%20%2F%2F%20%3AcontentReference%5Boaicite%3A4%5D%7Bindex%3D4%7D%0A%0A%20%20%2F%2F%206.%20%D7%9E%D7%A9%D7%A0%D7%94%20%D7%9C%D7%94%D7%9D%20%D7%91%D7%97%D7%96%D7%A8%D7%94%20%D7%9C%D7%9B%D7%99%D7%95%D7%95%D7%9F%20LTR%20%20%0A%20%20codeWrappers.forEach(el%20%3D%3E%20%7B%0A%20%20%20%20el.style.direction%20%3D%20'ltr'%3B%20%20%2F%2F%20%3AcontentReference%5Boaicite%3A5%5D%7Bindex%3D5%7D%0A%20%20%20%20%2F%2F%20el.dir%20%3D%20'ltr'%3B%0A%20%20%7D)%3B%0A%0A%20%20%2F%2F%207.%20%D7%91%D7%95%D7%97%D7%A8%20%D7%90%D7%AA%20%D7%9B%D7%9C%20%D7%94%D7%90%D7%9C%D7%9E%D7%A0%D7%98%D7%99%D7%9D%20%D7%A2%D7%9D%20%D7%94%D7%9E%D7%97%D7%9C%D7%A7%D7%94%20%22thought-panel%22%20%20%0A%20%20const%20thoughtPanels%20%3D%20document.querySelectorAll('.thought-panel')%3B%20%20%2F%2F%20%3AcontentReference%5Boaicite%3A6%5D%7Bindex%3D6%7D%0A%0A%20%20%2F%2F%208.%20%D7%9E%D7%A9%D7%A0%D7%94%20%D7%9C%D7%94%D7%9D%20%D7%92%D7%9D%20%D7%9C%D7%9B%D7%99%D7%95%D7%95%D7%9F%20LTR%20%20%0A%20%20thoughtPanels.forEach(el%20%3D%3E%20%7B%0A%20%20%20%20el.style.direction%20%3D%20'ltr'%3B%20%20%2F%2F%20%3AcontentReference%5Boaicite%3A7%5D%7Bindex%3D7%7D%0A%20%20%20%20%2F%2F%20el.dir%20%3D%20'ltr'%3B%0A%20%20%7D)%3B%0A%7D)()%3B%7D)()%3B

שימו לב שההחלפה של הRTL עובדת ישר על כל הדף, וההחזרה של קטעי הקוד לLTR לפעמים לא עובד על בלוקי קוד שלא טעונים עדיין בדף (לדוגמה אם זה שיחה ארוכה שיש קוד בתחילתה והמסך גלול לסופה), זה כנראה בגלל שהזיהוי של הקוד של הדף עצמו נטען רק לבלוקי קוד הגלויים.

צריך פשוט לשים את הסימניה במקום נגיש וללחוץ כל פעם שיש צורך (גם כל קטע חדש שנכתב צריך ללחוץ שוב).

עריכה נוספת: למדריך שימוש בסימניות חכמות שכתב @I-believe עיינו כאן.

תהנו.

מי שרוצה לשים אייקון בשם הסימנייה לחסוך במקום אז הנה

↔️

javascript:(function()%7Bconst%20modelElements%20%3D%20document.querySelectorAll('.model-prompt-container')%3B%0A%0AmodelElements.forEach(el%20%3D%3E%20%7B%0A%20%20el.style.direction%20%3D%20'rtl'%3B%20%20%2F%2F%20%D7%9E%D7%90%D7%A4%D7%99%D7%99%D7%9F%20CSS%20%D7%9C%D7%A9%D7%99%D7%A0%D7%95%D7%99%20%D7%9B%D7%99%D7%95%D7%95%D7%9F%20%D7%AA%D7%95%D7%9B%D7%9F%20%D7%90%D7%9C%D7%9E%D7%A0%D7%98%20%3AcontentReference%5Boaicite%3A0%5D%0A%20%20%2F%2F%20el.dir%20%3D%20'rtl'%3B%20%20%20%20%20%20%20%20%20%20%20%2F%2F%20%D7%9E%D7%90%D7%A4%D7%99%D7%99%D7%9F%20HTML%20%D7%92%D7%9C%D7%95%D7%91%D7%9C%D7%99%20%D7%A9%D7%9C%20dir%20(%D7%90%D7%95%D7%A4%D7%A6%D7%99%D7%95%D7%A0%D7%9C%D7%99)%20%0A%7D)%3B%0A%0Aconst%20userElements%20%3D%20document.querySelectorAll('.user-prompt-container')%3B%0A%0AuserElements.forEach(el%20%3D%3E%20%7B%0A%20%20el.style.direction%20%3D%20'rtl'%3B%20%20%2F%2F%20%D7%9E%D7%90%D7%A4%D7%99%D7%99%D7%9F%20CSS%20%D7%9C%D7%A9%D7%99%D7%A0%D7%95%D7%99%20%D7%9B%D7%99%D7%95%D7%95%D7%9F%20%D7%AA%D7%95%D7%9B%D7%9F%20%D7%90%D7%9C%D7%9E%D7%A0%D7%98%20%3AcontentReference%5Boaicite%3A0%5D%0A%20%20%2F%2F%20el.dir%20%3D%20'rtl'%3B%20%20%20%20%20%20%20%20%20%20%20%2F%2F%20%D7%9E%D7%90%D7%A4%D7%99%D7%99%D7%9F%20HTML%20%D7%92%D7%9C%D7%95%D7%91%D7%9C%D7%99%20%D7%A9%D7%9C%20dir%20(%D7%90%D7%95%D7%A4%D7%A6%D7%99%D7%95%D7%A0%D7%9C%D7%99)%20%0A%7D)%3B%0A%0A%2F%2F%20%D7%91%D7%95%D7%97%D7%A8%20%D7%90%D7%AA%20%D7%9B%D7%9C%20%D7%94%D7%90%D7%9C%D7%9E%D7%A0%D7%98%D7%99%D7%9D%20%D7%A2%D7%9D%20%D7%94%D7%9E%D7%97%D7%9C%D7%A7%D7%94%20%22syntax-highlighted-code-wrapper%22%0Aconst%20ltrElements%20%3D%20document.querySelectorAll('.syntax-highlighted-code-wrapper')%3B%0A%0A%2F%2F%20%D7%A2%D7%91%D7%95%D7%A8%20%D7%9B%D7%9C%20%D7%90%D7%9C%D7%9E%D7%A0%D7%98%2C%20%D7%9E%D7%95%D7%97%D7%96%D7%99%D7%A8%20%D7%90%D7%AA%20%D7%9B%D7%99%D7%95%D7%95%D7%9F%20%D7%94%D7%98%D7%A7%D7%A1%D7%98%20%D7%9C%D7%A9%D7%9E%D7%90%D7%9C%20%D7%9C%D7%99%D7%9E%D7%99%D7%9F%20(LTR)%0AltrElements.forEach(el%20%3D%3E%20%7B%0A%20%20el.style.direction%20%3D%20'ltr'%3B%20%20%2F%2F%20%D7%9E%D7%90%D7%A4%D7%99%D7%99%D7%9F%20CSS%20%D7%9C%D7%A9%D7%99%D7%A0%D7%95%D7%99%20%D7%9B%D7%99%D7%95%D7%95%D7%9F%20%D7%AA%D7%95%D7%9B%D7%9F%20%D7%90%D7%9C%D7%9E%D7%A0%D7%98%20%3AcontentReference%5Boaicite%3A2%5D%0A%20%20%2F%2F%20el.dir%20%3D%20'ltr'%3B%20%20%20%20%20%20%20%20%20%20%20%2F%2F%20%D7%9E%D7%90%D7%A4%D7%99%D7%99%D7%9F%20HTML%20%D7%92%D7%9C%D7%95%D7%91%D7%9C%D7%99%20%D7%A9%D7%9C%20dir%20(%D7%90%D7%95%D7%A4%D7%A6%D7%99%D7%95%D7%A0%D7%9C%D7%99)%20%0A%7D)%3B%7D)()%3B

@I-believe בבקשה

שלמה ברייר

העלו סימניה כזו מזמן

ע"ה דכו"ע

@שלמה-ברייר כתב בלהורדה | סימניה לRTL (תצוגה מימין לשמאל) בAI STUDIO.:

העלו סימניה כזו מזמן

לAI STUDIO ספציפית?

איפה?

עריכה: יש את התוסף לטמפורניקי של @ י.-פל. שיש לו סידור RTL ואינני יודע אם רק בצ'אט או בכל הדף, לא בדקתי אותו. אבל סימניה לא זכור לי שהעלו.

שלמה ברייר

אני זוכר שהעלו סימניה שמסדרת את זה שאתרים בענגלית שמתורגמים לעיברים ניהיהם בצד שמאל

שלמה ברייר

https://mitmachim.top/topic/85167/מדריך-כפתור-צף-החלפת-כיוון-כתיבה-בעברית-אנגלית-בכל-אתר-בלחיצה-אחת/6
@ע-ה-דכו-ע היתכוונתי לזה

ע"ה דכו"ע

@שלמה-ברייר כתב בלהורדה | סימניה לRTL (תצוגה מימין לשמאל) בAI STUDIO.:

https://mitmachim.top/topic/85167/מדריך-כפתור-צף-החלפת-כיוון-כתיבה-בעברית-אנגלית-בכל-אתר-בלחיצה-אחת/6
@ע-ה-דכו-ע היתכוונתי לזה

נכון, אבל על זה כתבתי שזה הורס את כל התצוגה של האתר, ולכן עשיתי משהו מיוחד שישנה רק את הטקסט של הצ'אט בעצמו.

ברווז הסגול

זה בדיוק מה שרציתי, היכולות של הסטודיו מטורפות. איך משתמשים בסמניה החכמה?

ברווז הסגול

אה ואיך מורידים אותה... נראה לי לא הבאת את הקובץ מרובה התלהבות

kasnik

@ברווז-הסגול אתה מעתיק את הקוד לכאן:
לכתובת אתר..

ברווז הסגול

את מה אני מעתיק? לא הבנתי איפה מורידים/מעתיקים את הקוד שלך.

מדהים

לעת עתה הוא מחליף RTL גם לקטעי קוד.
צריך להחריג את זה .

ע"ה דכו"ע

@ברווז-הסגול כתב בלהורדה | סימניה לRTL (תצוגה מימין לשמאל) בAI STUDIO.:

את מה אני מעתיק? לא הבנתי איפה מורידים/מעתיקים את הקוד שלך.

ערכתי בפוסט הראשון את הסימניה למשהו יותר מעודכן, ושמתי שם גם קישור למדריך איך להשתמש.

ע"ה דכו"ע

@מדהים כתב בלהורדה | סימניה לRTL (תצוגה מימין לשמאל) בAI STUDIO.:

לעת עתה הוא מחליף RTL גם לקטעי קוד.
צריך להחריג את זה .

הרגע ערכתי את הסימניה, עיין בפוסט הראשון.

iosi poli

@ע-ה-דכו-ע ממש שימושי!
רק דבר אחד:
הוא עושה RTL ל"מחשבות" של המודל:

וזה ממש מציק לי...
אם תוכל לסדר את זה הסימניה תהיה מושלמת.
תודה רבה!

ע"ה דכו"ע

@iosi-poli כתב בלהורדה | סימניה לRTL (תצוגה מימין לשמאל) בAI STUDIO.:

@ע-ה-דכו-ע ממש שימושי!
רק דבר אחד:
הוא עושה RTL ל"מחשבות" של המודל:

וזה ממש מציק לי...
אם תוכל לסדר את זה הסימניה תהיה מושלמת.
תודה רבה!

ראיתי את זה, וזה קצת מסובך לסדר, כי הclass של זה אותו דבר כמו שאר הדברים שהמודל כותב, אבל אולי אני אנסה שוב.

אתה מבין את האנגלית שם בלי לתרגם? כי מי שמתרגם עדיף לו שזה גם ישתנה.

iosi poli

@ע-ה-דכו-ע אני מבין, ולכן זה משגע אותי...

iosi poli

@ע-ה-דכו-ע אני בחיים לא משתמש בתרגום בAI Studio, ולכן אני צריך את הRTL

ע"ה דכו"ע

@iosi-poli כתב בלהורדה | סימניה לRTL (תצוגה מימין לשמאל) בAI STUDIO.:

@ע-ה-דכו-ע אני בחיים לא משתמש בתרגום בAI Studio, ולכן אני צריך את הRTL

חיפשתי שוב הבדל בין הCLASSים במיוחד בשבילך, ומצאתי עטיפה שונה למחשבות, עדכנתי בפוסט הראשון בספויילר.