Mientras escribo el código de una función de copia para el editor de texto enriquecido, tengo un problema. Cuando intento obtener texto que se almacenó desde div que tiene un atributo editable en el portapapeles, se envolvió con muchos estilos en línea. No quiero envolverlo en estilos en línea, porque el tamaño del cuerpo aumentará.

1. definir etiqueta div y pegar evento

 <div contenteditable id="test" style="min-width:600px; min-height: 800px;"/> document.getElementById("test").addEventListener("paste", (e)=>{ e.preventDefault(); console.log(e.clipboardData.getData("text/html")); })

2. escribe algo de texto en la etiqueta div.
3. seleccione subcadenas de rango y copie.
4. se imprimirá como debajo.

 <meta charset='utf-8'><span style="color: rgb(0, 0, 0); font-family: &quot;Apple SD Gothic Neo&quot;; font-size: medium; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255); text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial; display: inline !important; float: none;">sdasdasdas</span>

¿Cómo puedo obtener un texto copiado que solo tiene exactamente los estilos de línea que pretendo a continuación?

<span>sdasdasdas</span> o <span style="color: rgb(0, 0, 0);">sdasdasdas</span>