title: Change iframe scroll-bar position
body: <p>In <em>wysihtml5</em> the <code>iframe</code> <em>scroll-bar</em> is displayed on the right side by default, but I need to display it on the left side to support the <em>Arabic view</em>.</p>
  
  <pre><code>&lt;iframe class="wysihtml5-sandbox"
    allowtransparency="true"  
    marginwidth="0" marginheight="0"
    style="background-color: rgb(255, 255, 255); border-collapse: separate; 
    border-color: rgb(218, 218, 231); border-style: solid; border-width: 1px; 
    clear: none; display: block; float: none; margin: 0px; outline: 0px none rgb(85, 85, 85); 
    outline-offset: 0px; padding: 6px 12px; position: static; top: auto; left: auto; right: auto;
    bottom: auto; z-index: auto; vertical-align: text-bottom; text-align: right;
    box-sizing: border-box; box-shadow: none; border-radius: 2px; width: 1354.17px;
    height: 214px;direction:rtl;" width="0" height="0" frameborder="0"&gt;
  &lt;/iframe&gt;
  </code></pre>
  
  <p>I've set the <code>direction: rtl</code> but no success.</p>
  
  <p><a href="https://github.com/xing/wysihtml5" rel="nofollow noreferrer">https://github.com/xing/wysihtml5</a>
  <a href="https://i.stack.imgur.com/Hx7gz.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Hx7gz.jpg" alt="Live privew"></a></p>