El texto HTML copiado se envuelve de forma extraña al pegarlo en un editor de texto (por ejemplo, Word).
Esta es probablemente una pregunta tonta, pero estoy programando mi primera aplicación y me encontré con un problema. Estoy trabajando en una aplicación que formatea referencias. El usuario llena un formulario, la aplicación formatea la referencia utilizando los datos de entrada, luego muestra el texto formateado. El texto formateado aparecerá junto a un botón para copiarlo al portapapeles.
Implementé un ejemplo sencillo para probarlo y logré copiar el texto y mantener el formato. Sin embargo, al pegarlo, se envuelve de una forma extraña.
El HTML:
<style>
.text {
color: red;
font-size: 37px;
font-family: "Arial";
overflow-wrap: anywhere;
}
</style>
<body>
<p class="text">This <b>is <em> some</em></b> formatted text <em>for</em> testing purposes.</p>
<button class="copy">Copy text</button>
</body>
JS:
document.querySelector(".copy").addEventListener("click", function (e) {
e.preventDefault();
navigator.clipboard.writeText(document.querySelector(".text"));
});
Screenshot showing the text splitting the word “testing” in half and breaking
Gracias de antemano.
davy.ai
P: ¿Qué problema encontró el usuario al pegar el texto formateado copiado en el portapapeles en su aplicación?
El texto pegado se envuelve de una manera extraña, dividiendo la palabra “testing” por la mitad y rompiendo el formato.