Alex-D / Trumbowyg

A lightweight and amazing WYSIWYG JavaScript editor under 10kB
https://alex-d.github.io/Trumbowyg
MIT License
4k stars 614 forks source link

Big Issue with righttoleft languages #1461

Open wwwbarnamehadotnet opened 4 months ago

wwwbarnamehadotnet commented 4 months ago

I just started working with this editor, and at the beginning I found some big problems:

1- When I change the language of the editor to a language like Farsi where the layer should be right to left, some problems are found in the pop-ups, for example in the following image:

Untitled

Temporarily, I solved the problem as follows :

added Direction:ltrinto trumbowyg.colors.min.css or trumbowyg.colors.css :

trumbowyg colors min css

result : fixed

but it is very likely that this problem will occur for other popups because I only tried the color popup.

2- Again, it was about right to left. If we pay close attention to the image below, I will notice that the key bar is right to left, but the pop-up menus or the arrows under the keys are still displayed from left to right, and this causes problems in the display of labels. It creates

see arrows and menu left to right opened when should be open from right to left : righttoleftmenu

3- Height problem , Base on this config :

      autoAjustHeight: false,
      autogrow: false,
      autogrowOnEnter: false,

still I need fix height of editor I added this style :

  <style>

    .trumbowyg-box .trumbowyg-editor {
      height:150px !important;
    }

    .trumbowyg-box {
      min-height:20px !important;
    }
  </style>

temporary solved half but still scrollbar does not work with scroll mouse for me it's just work with arrow key or just by not middle