RTL support (Right to Left Direction)

Post Reply
ashrafakader
Sr. Bludit
Posts: 40
Joined: Tue Sep 05, 2023 1:33 pm
Has thanked: 9 times

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.
User avatar
Edi
Site Admin
Posts: 3121
Joined: Sun Aug 09, 2015 5:01 pm
Location: Zurich
Has thanked: 54 times
Been thanked: 77 times
Contact:

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>
Clickwork - Websites mit Bludit | Planet Bludit - Tipps und Snippets
ashrafakader
Sr. Bludit
Posts: 40
Joined: Tue Sep 05, 2023 1:33 pm
Has thanked: 9 times

[/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.
Post Reply