Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

RTL support #183

Closed
ajf-sa opened this issue Jun 4, 2021 · 4 comments
Closed

RTL support #183

ajf-sa opened this issue Jun 4, 2021 · 4 comments

Comments

@ajf-sa
Copy link

ajf-sa commented Jun 4, 2021

is there any way to use react-md-editor in RTL language,

Image of  issue

@jaywcjlove
Copy link
Member

@alfuhigi I don't quite understand the RTL language. How to show it?

@ajf-sa
Copy link
Author

ajf-sa commented Jun 4, 2021

sorry, I was mean RTL speaking language like Arabic, Urdu, that can read right to left
in my App I use CSS direction to RTL to set all element in to be in RTL direction
so as you saw in image the source and preview go to right side

<div  className={{direction:"rtl"}}>
 <MDEditor
        value={value}
        onChange={setValue}
      />
</div>

@jaywcjlove
Copy link
Member

@alfuhigi https://codesandbox.io/s/rtl-support-markdown-editor-for-react-forked-1p29e?file=/index.css

.w-md-editor-toolbar {
  direction: rtl;
}
.w-md-editor-text-input,
.w-md-editor-text-pre,
.w-md-editor-preview {
  direction: rtl;
  text-align: right;
}

@ajf-sa
Copy link
Author

ajf-sa commented Jun 4, 2021

thanks for help!

@ajf-sa ajf-sa closed this as completed Jun 4, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants