El resaltado de sintaxis no se copia al copiar y pegar en un lugar que admita texto con color

Contribuir Error
11

¡Sí! Obtengo el mismo comportamiento.

Y, estrictamente hablando, no es un error. Firefox está copiando el HTML exactamente como se solicitó:

<meta http-equiv="content-type" content="text/html; charset=utf-8">
<p dir="auto">Cuando copié lo mencionado a continuación, desde Discourse, a mi cliente de correo electrónico:</p>
<pre data-code-wrap="diff" dir="auto" class="codeblock-buttons">
		<div class="codeblock-button-wrapper" style="right: 0px;"></div>
		<code class="lang-diff hljs language-diff" data-highlighted="yes">
			<span class="hljs-meta">@@ -1,11 +1,11 @@</span>
			<span class="hljs-deletion">-Young volunteer award – celebrating young volunteers, aged 16-24, who go the extra mile in their local communities, demonstrating our values and the importance of connection and action.</span>
			<span class="hljs-addition">+The Young Volunteer Award celebrates young volunteers, aged 16–24, who go the extra mile in their local communities, demonstrating our values and the importance of connection and action.</span>
		</code>
	</pre>

La diferencia resultante después de pegar proviene de que Chromium incrusta los estilos, mientras que Firefox no. Reducirlo a una sola línea resalta[1] lo que está ocurriendo:

<span
  class="hljs-deletion">
-Young volunteer award – celebrating young volunteers, aged 16-24, who go the extra mile in their local communities, demonstrating our values and the importance of connection and action.
</span>

<span
  class="hljs-deletion"
  style="background: none 0% 0% / auto repeat scroll padding-box border-box rgb(255, 224, 224); color: rgb(192, 45, 46);">
-Young volunteer award – celebrating young volunteers, aged 16-24, who go the extra mile in their local communities, demonstrating our values and the importance of connection and action.
</span>

(se añadieron saltos de línea)

Chromium incrusta desde class="hljs-deletion" el CSS en línea style="background: none 0% 0% / auto repeat scroll padding-box border-box rgb(255, 224, 224); color: rgb(192, 45, 46);" al elemento span, ya que probablemente lo que se está pegando no tiene ese estilo.

  1. jaja ↩︎

1 me gusta