How to change rtl direction to ltr in codesample plugin of tinymce

Question

My Django-TinyMCE direction has turned rtl due to my language and everything looks fine except the codesample plugin which has gotten rtl and scrambles the code. I would appreciate anyone help me figure this out. I want code sample to be ltr while everything else is rtl.

Thanks in advance

images ...

rtl text editor I want rtl to ltr

Omid Shojaee · Answer 1 · 2021-03-03T16:01:58.180

0

You need to add directionality to the list of plugins and ltr rtl to the toolbar.

Then, before adding the code block set the direction to LTR.

See a working sample here.

edited Mar 03 '21 at 16:01

answered Feb 27 '21 at 17:57

Omid Shojaee

333
1
4
20

I did this but it was not resolved image ---> https://i.stack.imgur.com/Z9z1C.png – NimiA Mar 02 '21 at 05:45
I use that package too. Add the plugin and toolbar item and then use it. – Omid Shojaee Mar 17 '21 at 18:02
I use language: "fa" in initial tinymce and this causes this to happen. How do I solve it? – NimiA Mar 30 '21 at 08:54

score 0 · Accepted Answer · answered Mar 31 '21 at 07:32

0

I solved this problem with this style in head of my html code:

    .tox .tox-form__group--stretched .tox-textarea {
        flex: 1;
        text-align: left;
        direction: ltr !important;
        -ms-flex-preferred-size: auto;
    }

answered Mar 31 '21 at 07:32

NimiA

1
1
6

How to change rtl direction to ltr in codesample plugin of tinymce

2 Answers2