editor ｜js 一個很簡易的 editor，但遇到一些問題...

Question

  <div contenteditable="true">
  </div>

var selection = document.getSelection(),
  range = selection.getRangeAt(0);

var html = '<blockquote>' + range + '</blockquote>';
    range.deleteContents();

    el.innerHTML = html;

    while ( (start = el.firstChild) ) {
    last = fuckjs.appendChild(start);
    }
    range.insertNode(fuckjs);

問題1
如何實現再按一下，就可以變回原本狀態？（去除 blockquote ）？

問題2
加入 blockquote 的時候他會溢出 div ，這能怎麼解？

Answer 1

自答：已經換了編輯器 medium-editor