title: jodit editor not displayed correctly
body: <p>I have a problem with the <a href="https://xdsoft.net/jodit/" rel="nofollow noreferrer">jodit wysiwyg editor</a> (or possibly any other type of plugin editor) working within a Bootstrap tab. If I add an editor to the tab content then when the user selects that tab the content is not displayed correctly (it is only a fraction of the height and is missing a lot of it's toolbar).</p>
  
  <p>I suspect it is being rendered within the hidden tab div which possibly affects the redraw process?</p>
  
  <p><a href="http://jsfiddle.net/declanmcd/v8poqchm/" rel="nofollow noreferrer">Here is a working fiddle</a> Click on the Editor tab to see the reduced size editor. To see the proper working version, grab the small resizer in the bottom right and drag the area, it should auto resize to the correct display.</p>
  
  <p>To render the editor the only code I've used is</p>
  
  <pre><code>var editor = new Jodit('#editor', {
    autofocus: true,
    height: "600"
  });
  </code></pre>
  
  <p>I've also tried running the <code>editor.resize()</code> function after it's been created which doesn't work. </p>
  
  <p>The tabs and the content are generated dynamically.
  Is there some other editor function that I can call after the content has been applied that will fix the redraw?</p>