The numbers get reversed when use of arabic language

Question

I am using laravel localization

Here is the code I am using

<p class="retail-price">@lang('frontend/watch-detail.Reference.retail')
     <span class="prices">
     @if($watch['price'] == 0 || $watch['price'] == NULL) N/A

     @else
         @php
         $text =number_format($watch['price'], 0, ',', ' ');
         @endphp
         {{$text}}
     @endif
     </span>
</p>

Here is what I get in arabic =>Image that I get

While I should get 30 700!

I do not want to use a reverse function

@RobG This is a display issue. It's impossible to convey with text alone. — , Oct 08 '18 at 07:30
Impossible? You seem to be writing "30 700" to the page and getting "700 30" instead. It's not that difficult. — RobG, Oct 08 '18 at 08:25

score 2 · Accepted Answer · answered Oct 08 '18 at 04:18

2

That issue occurs because Arabic is read from right to left. It would be easier to add an if statement to check if it is Arabic, then reverse it, so the reversed Arabic writing is reversed back to non-reversal.

answered Oct 08 '18 at 04:18

Jack Bashford

43,180
11
50
79

I would be interested if anybody has a different solution – vincent christophe Oct 08 '18 at 04:35
In Arabic, numbers are read left-to-right even though text is read right-to-left (I can't see the image). I guess you're saying that the number is being reversed, so the OP should reverse it first so it's re–reversed? – RobG Oct 08 '18 at 05:52
Yes @RobG that's pretty much it. – Jack Bashford Oct 08 '18 at 06:11

score 2 · Answer 2 · answered Oct 08 '18 at 09:33

You can wrap the text in a bdo element and define it as left-to-right:

function changeDir() {
  var el = document.getElementById('bdo0');
  el.dir = el.dir == 'ltr'? 'rtl':'ltr';
  document.getElementById('theDir').textContent = el.dir;
}

<div dir="rtl">هذا رقم: <bdo id="bdo0" dir="ltr">123 456 789</bdo></div>
<button onclick="changeDir()">Change direction</button><span id="theDir"></span>

You shouldn't need any in–page script, it should be just HTML.

The numbers get reversed when use of arabic language

2 Answers2