Creé un editor de texto en ReactJS y uso ContentEditable en mi proyecto. entonces mi problema es que cuando inserto una imagen en mi editor de texto, la eliminaré simplemente haciendo clic en el botón Eliminar en la imagen insertada, no retrocediendo en contentEditable

También agrego contentEditable="false" en mi imagen pero no vuelvo a funcionar.

mycode para insertar la sección de la figura

 let cc: any = document.querySelector("#texttoselect"); var newFigure = document.createElement("figure"); var newline = document.createElement("div"); newFigure.setAttribute("contentEditable", "false"); newFigure.className = "flex flex-col items-center w-full h-auto text-center"; newFigure.innerHTML = `<div className='relative w-auto self-center max-w-full'><Image contenteditable="false" src='${resolve.data.link}' layout='fill' objectFit='cover' alt={'test'}/></div><figcaption className='w-full p-4 text-gray-g700 bg-gray-g400 justify-center items-center' data-placeholder='عنوانی برای عکس بنویسید'>test</figcaption>`; newline.className = " w-full flex py-4 px-2 text-right item-center"; newline.innerHTML = `<span id="newlinespan"></span>`; cc.appendChild(newFigure); cc.appendChild(newline); const el: any = document.getElementById("newlinespan"); setTimeout(function () { el.focus(); }, 2000);