div contenteditableの貼り付けを無効化

Question

前提・実現したいこと

divにcontentEditableを付けて編集可能エリアにしました
このエリアにペーストした時に画像の表示や文字色などの装飾はできなくする方法はありますでしょうか？
つまり、divの編集可能エリアは作りたのですが装飾やら画像やらはつけたくありません

※textareaを使いましょう等は無しでお願いいたします

該当のソースコード

<div contentEditable="true">エリア</div>

Answer 1

それってcontentEditableの意味が無い気がしますが・・・

Comments

[yambejp]

<script>
window.addEventListener('DOMContentLoaded', ()=>{
document.querySelector('#edit').addEventListener('input',e=>{
var t=e.target;
if(t.querySelectorAll("*").length>0){
t.innerHTML=t.textContent;
}
});
});
</script>
<div contenteditable="true" id="edit">
test
</div>

Answer 2

これでもタグは無効化できないようです
助言等あればお願いいたします

<script> function tag_strip(){ a=area.innerHTML; area.innerHTML=a.replace(/<("[^"]*"|'[^']*'|[^'">])*>/g,''); } </script> <div id="area" contentEditable="true" onpaste="tag_strip()">エリア</div>

Comments

[yambejp]

質問は追記できるので、自己解決でクローズするのでないなら
自分自身に回答をつけるのはどうかと思います。