RTL problem in WordPress Text Editor

[man4toman]

In RTL locale, when we change the editor to "text editor" it stills on RTL and the readability and editing the codes becomes hard.

[man4toman]

The problem

[man4toman]

After fixing the problem

[man4toman]

SVN version of changes

[swissspidy]

Related: #40194.

[netweb]

Welcome to Trac @man4toman and thanks for creating the ticket :)

The fix for this will need to be in the editor.css file rather than the editor-rtl.css file in your editor-rtl.css.patch​ patch. This is because we use ​RTLCSS to generate the editor-rtl.css file from the editor-rtl.css file.

You will need to use a ​RTLCSS ignore directive in the patch so once editor.css is compiled to editor-rtl.css continues to contain ltr rather than rtl

RTLCSS can also be tested online using ​http://rtlcss.com/playground/

[man4toman]

editor.css patch file

[man4toman]

Thanks @netweb for your description.

So, I create new patch file for editor.css and it's here editor.css.patch

[netweb]

Awesome, thanks @man4toman 👍🏼

[man4toman]

Any updates?
Text editor is very messy in RTL languages.

[netweb]

There are no other updates required @man4toman, a committer will review and commit the patch and it will ship in the 4.9.7 release of WordPress

[man4toman]

Thanks @netweb, then I wait for 4.9.7 release :)

[desrosj]

Moving all tickets in 4.9.7 to 4.9.8.

[desrosj]

@man4toman thanks for the ticket! Welcome to Trac!

I have not been able to reproduce this issue locally testing with TwentySeventeen.

Can you tell me which theme you were using when you noticed the issue? Also, which locale is your site using?

[man4toman]

Hi @desrosj and thank you :)

I tested it again and the problem is still there.

This information is for the latest test:

Wordpress version: 4.9.6

Theme name: Twenty Seventeen

Wordpress locale: فارسی (fa_IR)

Please tell me if anything else was needed.

[netweb]

@man4toman This also works "as expected" for me, in the screenshot above the post editor is on the left, the text is correctly displayed RTL, on the right is the plugin code editor and the code is correctly displayed LTR.

To clarify, the "Text" editor is not a "code editor", you can add code but it is designed as a "plain text" editor that allows you to inspect any HTML code that may be within the text of your post.

[man4toman]

Thanks @netweb

Yes, the "Text editor" is not a "Code editor" but when we use visual mode and then return to text mode to edit some HTML codes, the problem shows herself in RTL locale!

Many users request us to bring this section LTR, because the text and the code are intertwined, it's hard to edit the code and the text together.

[man4toman]

A new photo was added to clarify the issue. It shows why LTR text editor is better for our locale.

[netweb]

Thanks @man4toman I'm not sure this problem will be easily solvable, it will also affect all RTL locales and would warrant further discussion with those locales and the wider community

I think a good interim solution would be to create a plugin that offers the functionality you are seeking, that would also act as a good usgae indicator.

I had a quick for a plugin but didn't find an exact match, I did find this plugin that I think could be easily adapted to add the same functionality you are seeking: ​https://wordpress.org/plugins/wp-rtl/

I'm going to close this as wontfix for now as the current functionality works as expected.

[man4toman]

Thanks @netweb,

That makes sense, we've done it before in ​https://wordpress.org/plugins/wp-parsidate/.

But we will try to solve this kind of problems later for RTL locales in WordPress core.