contentEditableでペーストしたときにゴミを取っ払う方法

Question

ペーストしたときに<b></b>タグだったり、画像コピー→貼り付けでclassやらwidthやらが残ります
これを取り除きたいです
下記で全て取り除くことはできるのですが、
やりたいことは

自分でimgタグのみを追加できる形にする(除去せず残す)
ペーストでimg src以外の属性の削除
ペーストでimg以外のタグは除去する

ペースト時にクリップボードの中身を取得できればいいのですが、できないようです
どのようにすれば上記条件を満たした実装ができますでしょうか

そもそも画像を自分で挿入できればいいので、ペースト時に
img含め全てのタグ除去でもいいと考えています(自分で入れたimgは残す)

<input type="button" value="自分でimgタグを追加" onclick="document.execCommand('inserthtml', false, '<img src=image.jpg>');">
<div contenteditable="true" onpaste="d=this.innerHTML;this.innerHTML=d.replace(/<("[^"]*"|'[^']*'|[^'">])*>/g,'')">
編集することができます
</div>

Answer 1

paste イベントリスナで、引数のイベントから event.clipboardData.getData('text/html') でペーストされるHTMLソースを取得可能です。それを好きなように加工して、document.execCommand('inserthtml', ....) で加工結果を挿入して、 event.preventDefault() で元のペーストをキャンセルすればよいでしょう。