הקדמה: פוסט זה הוא תגובה לפוסט של לירון נוימן בנושא הנ”ל. לירון שואל “מכירים את זה שאתם כותבים בעברית באתר בינלאומי כלשהו שלא תומך בכיווניות טקסט (למשל פייסבוק), ואז, לא רק שסימני הפיסוק שלכם יוצאים בצד הלא נכון, אלא גם שאם עירבתם גם אנגלית בטקסט, כל הסדר שלו מתחרבש?” הוא מסיים את הפוסט שלו ושואל “מי מתנדב להרים את הכפפה ולבנות איזה תוסף לשועל שיאפשר להוסיף את התווים האלה איפה שצריך…?”
ובכן, התשובה שלי היא ‘טוב, נו, אני אעשה את זה…’

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

הנה דוגמא לבעיה המתוארת:

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

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

כשניגשתי לפתור את העניין, ידעתי שאני צריך להחדיר מחרוזת של תווים לפני ואחרי הטקסט המסומן בשדה-טקסט. ידעתי שראיתי את זה נעשה איפהשהו… אה, כן! ממש כאן, במערכת של WordPress, כשרוצים לסמן טקסט כמודגש או נטוי.
אז הלכתי למצוא את קוד הג’אווהסקריפט שעומד מאחורי היכולת הזו (זו פונקציה בשם edInsertTag), והוצאתי את החלקים שרלוונטיים לצורך שלי ולפיירפוקס (הרבה מהפונקציה המקורית נועדה לתאימות דפדפנים).

ללא דיחוי נוסף, אני גאה להציג בפניכם את RTL ואת LTR.

פשוט קחו את הקישורים האלה, וגררו אותם לסרגל כלים של הסימניות שלכם (אני יצרתי לעצמי תיקיה של סימניונות שימושיות), ובפעם הבאה שאתם כותבים טקסט דו-כיווני, סמנו את הקטע שזורם בכיוון הלא-נכון ולחצו על הסימניונת הרלוונטית.
תוכלו לנסות זאת כאן:
לחץ על RTL על מנת לתקן
use the LTR כדי לתקן this text

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

The (proper) solution to this conundrum is this: wrap your text, which you want flowing in the opposite direction from it’s encapsulating element, in the unicode characters for left-to-right embedding (or right-to-left embedding), and the Pop Directional Formatting character. For further reading, go here.

Back when Liron wrote that post of his, I thought it would be a nice little project to tackle – write a Firefox plugin or Greasemonkey user-script that allows you to encapsulate your text in these characters, for the sake of all those who will follow and read it. I have since then become familiar – and very fond of – bookmarklets. I think a bookmarklet is the best way to distribute the solution to this problem, because it’s lightweight, easy to install and modify, and (at least in theory) cross browser.

Coming to tackle this issue, I knew I needed to insert a string of characters in front of and after the selected text in a textarea. Where have I seen this done before?… Oh, right, right here in WordPress, when I want to make text I’m writing bold or italicized.
So I went about finding the Javascript behind that functionality (it’s the function edInsertTag), and I pulled out of it the bits that are relevant to this situation, and to Firefox.

With no further ado, I present to you RTL and LTR.

Simply drag those two links to your bookmark toolbar (I actually have a bookmark folder just for bookmarklets), and next time you’re writing bidirectional text, select the wrongly-flowing part, and align it properly.
You can try them out here:
לחץ על RTL על מנת לתקן
use the LTR כדי לתקן this text

I’d be happy to get feedback on these bookmarklets. They’ve only been tested in Firefox, and I think they will not work in other browsers, seeing how I only used one of the three cross-browser-compatibility parts of the wordpress JS I cannibalized. If they do work in other browsers, or do not work as expected in Firefox, please let me know.