Estoy tratando de encontrar una solución para convertir la lista ordenada y desordenada de una página web cuando copiar y pegar en un área de texto debe convertirse en una lista legible.

Consulte el siguiente violín para obtener una mejor explicación:

https://jsfiddle.net/bodmwghj/2/

 <textarea id="final"></textarea>

Si copiamos la lista de pegado de la página web a nuestro campo de área de texto de entrada, pierde las "viñetas" / "números"

En cambio, si podemos anteponer los elementos de la lista con al menos un símbolo de viñeta y un espacio que tendría más sentido y mantendría el texto aún legible sin tener que permitir HTML o usar editores tinyMCE.

Siento que esto sería más complicado, pero si podemos agregar números incrementales a la lista ordenada, nada como eso, pero estoy bien para traer viñetas allí también si los números no se pueden generar sobre la marcha.

Hasta ahora pude encontrar addEventListener para el evento "pegar", pero estoy confundido sobre cómo puedo llegar a la solución deseada.

Por favor, hágamelo saber si puedo explicar algo más. Espero poder encontrar una solución a esto. Se agradece cualquier ayuda/indicadores posibles para soluciones.

EDITAR: el texto copiado puede incluir HTML formateado y otro texto. El requisito es solo para convertir listas. Se actualizó la URL de JS Fiddle.