In a textarea, change the direction of the current line from "rtl" to "ltr"

Question

I have a textarea with direction from right to left

#myTextarea
{
    direction: rtl; 
}

on an event, with jquery, i change the direction from left to right :

$('#myTextarea').css('direction', 'ltr');

this move the whole content of the textarea from right to left.

I want to move only the current line, and let the previous lines in their default direction.

Is there a way to achieve that ?

Answer 1

This is not possible, the text direction can only apply to the entire textarea element, not the lines within it.

Answer 2

You can try inserting '\u202E' characters at the beginning of the line, which will change the direction.

Also note that this is more of a hack than a real solution, it might not work in all browsers and on all platforms, I would try to think hard about if this is really what I want. Maybe you would be better off with a rich text editor.

Fiddle