FlowiseAI / Flowise

Drag & drop UI to build your customized LLM flow
https://flowiseai.com
Apache License 2.0
31.8k stars 16.57k forks source link

[BUG] RTL (right to left) content support in chatbot UI #2086

Open haimco50 opened 7 months ago

haimco50 commented 7 months ago

Not sure whether this is a bug / missing feature etc...- but is it possibe to support right to left langauges (Hebrew, Arabic etc..) in the chat UI - basically adding <html dir="rtl"... in the UI container body - is it possible to have some "JS/html hook" for this ? not supporting this makes the UI looks bad mainly with response text that has some bullets numbers etc...

Describe the bug A clear and concise description of what the bug is.

To Reproduce Steps to reproduce the behavior:

  1. Go to '...'
  2. Click on '....'
  3. Scroll down to '....'
  4. See error

Expected behavior A clear and concise description of what you expected to happen.

Screenshots If applicable, add screenshots to help explain your problem.

Flow If applicable, add exported flow in order to help replicating the problem.

Setup

Additional context Add any other context about the problem here.

HenryHengZJ commented 7 months ago

we're using react-markdown library, you can modify to add RTL support - https://stackoverflow.com/questions/2258028/rtl-in-markdown

haimco50 commented 7 months ago

ok - thanks for the reference - you mean - doing it in a custom private branch ?

HenryHengZJ commented 7 months ago

yeah, you can try on your forked branch

haimco50 commented 7 months ago

ok...thanks - but if you plan to fix/enhance it at some point then it would be nice to have a default behaviour of auto direction based on the content language and then the ability to override the default behaviour with some toggle button (RTL/LTR).