Let's add rtl feature to editor


#1

Add right to left to right button to editor, so we can support all the language starts from right like Arabic, Hebrew, Uyghur …

thanks!


Support in Left to right languages
Support in Left to right languages
#2

In its most basic form, this feature should be really trivial to implement. I already implemented it with just a dozen lines of code, in my own fork of the repo. See here


#3

Yes, I saw your implementation, but I think it is very basic thing to add, so I am proposing this now.


#4

Hello,

Does anyone know if Ghost supports left to right languages?

Thanks!


#5

Here is a quick solution that worked and solved the RTL issue for me.

I used the CSS and Javascript Injection Chrome extension to add custom RTL CSS styles as follows:

body.ember-application {
  direction: rtl;
  text-align: right;
}

.gh-nav-list svg {
  margin-right: 0;
  margin-left: 15px;
}

.koenig-plus-menu-button {
  margin: -2px -66px 0 0;
}

.gh-publishmenu-dropdown {
  right: auto;
}

.settings-menu-container {
  text-align: left;
  direction: ltr;
}

.gh-publishmenu-dropdown {
  direction: ltr;
}

.ember-power-select-trigger {
  padding: 0 30px 0 8px;
}

.dropdown-menu {
  right: 0;
}

.dropdown-menu svg {
  margin-right: 0;
  margin-left: 10px;
}

.gh-notification-content {
  text-align: left;
}

.koenig-cardmenu {
  left: auto;
}

The code covers the main layout and the writing area …

The result:

The code is available at GitHub.

Hope that helps!

Thanks,