Problem with Hebrew HTML files view on Geocaching site

[+asafhason]

Geocaching site has a problem with Hebrew HTML files
When I create a cache using a HTML file with Hebrew, it does not display correctly. 

1. The text is aligned to the left instead of the right
2. The numbers are not in the correct place
3. English words are not positioned correctly

 

In the browser, the HTML file is fine, but when copied to the Geocaching site, it is not.

[+arisoft]

Right alignment is easily handled by adding style="text-align:right" parameter,  but the website seems to remove <bdi> tags required for fine adjusting different type elements in the same line. Please, show us your original (correct) HTML and the HTML you see after you save the cache page.

Edited January 12, 2024 by arisoft

[+asafhason]

Thanks arisoft

 

Style="text-align:right" fixes the align issue, but English words, numbers and dots still have problems.

 

For example,

The code below is fine on the browser

 

<p class=MsoNormal dir=RTL><span lang=HE style='font-size:12.0pt;line-height:
107%;font-family:"Arial",sans-serif'>&#1492;&#1502;&#1496;&#1502;&#1493;&#1503;
&#1489;&#1492;&#1513;&#1512;&#1488;&#1514; &#1502;&#1513;&#1495;&#1511; &#1488;&#1497;&#1504;&#1496;&#1512;&#1504;&#1496;&#1497;
&#1489;&#1513;&#1501; </span><span dir=LTR style='font-size:12.0pt;line-height:
107%;font-family:"Arial",sans-serif'>Geoguessr</span><span dir=RTL></span><span
lang=HE style='font-size:12.0pt;line-height:107%;font-family:"Arial",sans-serif'><span
dir=RTL></span>.</span></p>

 

 

Here's how it looks on Geocaching site

 

            <span id="ctl00_ContentBody_LongDescription"><p><span style="font-size:12.0pt;line-height:107%;font-family:&quot;Arial&quot;,sans-serif;">המטמון
בהשראת משחק אינטרנטי
בשם </span><span style="font-size:12.0pt;line-height:107%;font-family:&quot;Arial&quot;,sans-serif;">Geoguessr</span><span></span><span style="font-size:12.0pt;line-height:107%;font-family:&quot;Arial&quot;,sans-serif;"><span></span>.</span></p>
 

[+hetzroni]

The solution is to add "direction:rtl" in addition to "text-alight:right". E.g.

 

<p style="text-alight:right; direction:rtl">המטמון בהשראת משחק אינטרנטי...</p>