Page 1 of 1

RTL support (Right to Left Direction)

Posted: Wed Sep 20, 2023 5:33 pm
by ashrafakader
Hello,
TinyMCE here doesn`t include RTL button, while being available in other CMSs using the same TinyMCE.
How can I enable it? (If this is something possible).

I don`t mind using HTML, but I have editors who are unfamiliar with HTML tags.. they just like to write normally.. an easy way to apply RTL shall be very much appreciated.

Secondly, I`m afraid of being requesting too much.. but I`d love to have the ability to change RTL for the whole theme as well.. (or at least for the navigation bars)
There is guide for applying it on CSS level.. here: https://css-tricks.com/almanac/properties/d/direction/
However, I prefer NOT to change a theme`s CSS.. I hope an easier way shall be available.

Re: RTL support (Right to Left Direction)

Posted: Wed Sep 20, 2023 9:29 pm
by Edi
ashrafakader wrote: Wed Sep 20, 2023 5:33 pm TinyMCE here doesn`t include RTL button, while being available in other CMSs using the same TinyMCE.
You can activate the button in the settings of the plugin TinyMCE. Add "directionality" in the field "Plugins" and "rtl" in the field "Toolbar top" or the field "Toolbar bottom".

See also:

https://www.tiny.cloud/docs/plugins/ope ... tionality/
Secondly, I`m afraid of being requesting too much.. but I`d love to have the ability to change RTL for the whole theme as well.. (or at least for the navigation bars)
There is guide for applying it on CSS level.. here: https://css-tricks.com/almanac/properties/d/direction/
However, I prefer NOT to change a theme`s CSS.. I hope an easier way shall be available.
You can add aditional CSS without changing the CSS of the theme using the plugin HTML Code.

In the settings you can add in the field "Head" for example:

Code: Select all

<style>
.main-content {
   direction: rtl;  /* Right to Left */
}
</style>

Re: RTL support (Right to Left Direction)

Posted: Mon Sep 25, 2023 1:07 pm
by ashrafakader
[/quote]
You can add aditional CSS without changing the CSS of the theme using the plugin HTML Code.

In the settings you can add in the field "Head" for example:

Code: Select all

<style>
.main-content {
   direction: rtl;  /* Right to Left */
}
</style>
[/quote]

Thank you for this code, but it doesn`t work for me.
Everything still left to right.