title: How to implement a Web editor (WYSIWYG) with file upload and download capability
body: <p>I need to implement the below functionality,</p>
  
  <ol>
  <li>Open multiple files (doc, pdf) in an editor.</li>
  <li>Edit functionality in the editor.</li>
  <li>Download ability of the edited files in any format (doc, pdf etc), keeping the text formatting as it is.</li>
  </ol>
  
  <p>I was looking out for tinymce and ckeditor. But Could find any solution for opening multiple files and the download ability. Any starting points would help.</p>
  
  <p>Below is some sample code from tinymce, here how can I populate the textarea content dynamically onclick of the custom Import button?</p>
  
  <p>HTML Code:</p>
  
  <pre><code>&lt;textarea&gt;
      &lt;h1 style="text-align: center;"&gt;Welcome to the WYSIWYG editor demo!&lt;/h1&gt;
      &lt;p&gt;Right now import button does not work&lt;/p&gt;
  &lt;/textarea&gt;
  </code></pre>
  
  <p>JS Code:</p>
  
  <pre><code>tinymce.init({
      selector: 'textarea',
      height: 500,
      toolbar: 'importbtn',
      menubar: false,
      setup: function (editor) {
        editor.addButton('mybutton', {
          text: 'Import',
          icon: false,
          onclick: function () {
            editor.insertContent('&amp;nbsp;&lt;b&gt;This is suppose to import a file&lt;/b&gt;&amp;nbsp;');
          }
        });
      }
  });
  </code></pre>
  
  <p>Thanks in advance</p>