title: angular-ui-tinymce directive and image upload via file browser
body: <p>With jquery we can add local images to <code>tinymce</code> editor like <a href="http://jsfiddle.net/SjJh7/3/" rel="nofollow noreferrer">this jsfiddle</a> following the <a href="https://www.tinymce.com/docs/configure/file-image-upload/" rel="nofollow noreferrer">documentation</a>. </p>
  
  <p>The module for <code>tinymce</code> for angular is <a href="https://github.com/angular-ui/ui-tinymce" rel="nofollow noreferrer">angular-ui-tinymce</a>. But adding local file doesn't work with that module.</p>
  
  <p>My code as follows. If it works there should be a file browse button like this when I click <strong>insert/edit image</strong>. <a href="https://i.stack.imgur.com/i4iOD.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/i4iOD.png" alt="enter image description here"></a> </p>
  
  <p>But it doesn't appear. Other than that everything works. May be the module doesn't support that feature. Does anyone know how to add local images with this module?</p>
  
  <p>in template:</p>
  
  <pre><code>&lt;textarea
      ui-tinymce="{{tinymceOptions}}"
      ng-model="tinymceValue"&gt;
  &lt;/textarea&gt;
  </code></pre>
  
  <p>in controller:</p>
  
  <pre><code> $scope.tinymceOptions: {
        selector: "textarea",
        plugins: 'image',
        file_browser_callback: function(){},
        paste_as_text: true
  }
  </code></pre>