title: How to make ACE Editor manually resizable just like html's textarea
body: <p>I'm using <a href="https://cheef.github.io/jquery-ace/" rel="nofollow">jquery-ace</a> inside <a href="http://getbootstrap.com" rel="nofollow">twitter-bootstrap</a> modal.</p>
  
  <p>Is there a way to make the ace editor resizable by user without using jquery-ui.</p>
  
  <p>Or if it's not possible, I want to set min-max lines appear, I have found this <a href="https://ajaxorg.github.io/ace/demo/autoresize.html" rel="nofollow">demo</a>, but it seems that jquery-ace wrongly documented since I could not get access to the <code>ace</code> object to call <code>setOption</code></p>
  
  <pre><code>var decorator = $('.my-code-area').data('ace');
  var aceInstance = decorator.ace; // this is wrong
  // decorator.editor.ace --&gt; this is more correct but it doesn't have setOption()
  </code></pre>