title: Javascript medium-editor markdown append image and update content
body: <pre><code>&lt;div class="editable" contenteditable="true"&gt;&lt;/div&gt;
  &lt;textarea name="markdown" class="markdown" /&gt;&lt;/textarea&gt;//display none
  
  new MediumEditor('.editable', {
      extensions: {
          markdown: new MeMarkdown(function (md) {
              document.querySelector(".markdown").textContent = md;
          }),
          img: new imgButton()
      }
  
  
  $('.editable').append("&lt;img src='abc' /&gt;");
  </code></pre>
  
  <p>I have a div use medium-editor &amp; medium-editor markdown</p>
  
  <p>when user type inside of <code>.editable</code>, <code>textarea</code> will sync.</p>
  
  <p>I also have a button click, it will append an image into <code>.editable</code></p>
  
  <p>my problem is markdown only update when <code>.editable keypress</code></p>
  
  <p>so if I append text, <code>textarea</code> wont sync, unless I press any key inside of <code>.editable</code> again</p>
  
  <p>anyone know how to tell markdown to update after append image</p>