La propiedad CSS `white-space` de los datos del portapapeles no se respeta al pegar en el editor de texto enriquecido

Contribuir Error
14

Claro. Me alegra si la información puede ser útil. Me gustaría reiterar mi declaración anterior:

Sin embargo, estaría feliz de estar equivocado al respecto :slightly_smiling_face:.

  1. Copia el siguiente código C++:
    #include <iostream>
int main() {
  std::cout << __FILE__;
}
  2. Abre el compositor de publicaciones.
  3. Pon el compositor en modo “editor de texto enriquecido”.
  4. Pega el contenido copiado en el compositor.

:slightly_frowning_face: El contenido está corrupto:

#include
int main() {
  std::cout << __FILE__;
}

(nota que el <iostream> ha sido suprimido por parecer una etiqueta HTML no admitida, y el __FILE__ ha sido tratado como marcado en negrita)

Esto podría verse como un error del usuario, ya que podría evitarse activando un bloque de código antes de pegar el contenido que no es prosa. Sin embargo, podríamos esperar que el flujo de trabajo alternativo de aplicar formato de bloque de código retroactivamente al contenido pegado sea igualmente válido (como lo es cuando se usa el editor de Markdown).

Equipo

  • Cualquier placa Arduino (ya sea oficial o de terceros)

Instrucciones

  1. Instala Arduino IDE 2.3.6, que se puede descargar de la página “Software” del sitio web de Arduino:
    https://www.arduino.cc/en/software/#ide-download-section
  2. Inicia Arduino IDE.
  3. Selecciona Archivo > Nuevo Sketch en los menús de Arduino IDE.
  4. Reemplaza el contenido del nuevo sketch con el siguiente código:
    void setup() {
  Serial.begin(9600);
  while (!Serial) {}  // Espera a que se abra el puerto serie.
  delay(500);         // Algunas placas requieren un retraso después de la inicialización del puerto serie.
  Serial.println("foo");
  Serial.println("bar");
}
void loop() {}
  5. Selecciona Herramientas > Monitor Serie en los menús de Arduino IDE para abrir la vista Monitor Serie, si aún no está abierta.
  6. Selecciona " 9600 " en el menú de velocidad en baudios en la vista Monitor Serie.
  7. Sube el sketch a tu placa Arduino.
  8. Selecciona la salida serie del campo en la vista Monitor Serie.
  9. Copia el contenido seleccionado.
  10. Abre el compositor de publicaciones de Discourse.
  11. Pon el compositor en modo “editor de texto enriquecido”.
  12. Pega el contenido copiado en el compositor.

:slightly_frowning_face: Cada línea del contenido copiado se coloca en un bloque de código separado:

foo


bar

Si inspeccionas el contenido del portapapeles, verás que, además del contenido esperado de tipo “text/plain”:

foo
bar

También contiene el siguiente contenido de tipo “text/html”:

<div style="color: rgb(78, 91, 97); font-family: monospace; font-size: 13px; 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; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: nowrap; background-color: rgb(255, 255, 255); text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial; position: absolute; left: 0px; top: 0px; height: 18px; width: 1862px;"><pre style="margin: 0px;">foo
</pre></div><div style="color: rgb(78, 91, 97); font-family: monospace; font-size: 13px; 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; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: nowrap; background-color: rgb(255, 255, 255); text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial; position: absolute; left: 0px; top: 18px; height: 18px; width: 1862px;"><pre style="margin: 0px;">bar</pre></div>

Dado que el Monitor Serie de Arduino IDE 2.x envuelve incorrectamente cada línea del contenido copiado de tipo “text/html” en etiquetas <pre>, la representación de cada línea del contenido pegado como un bloque de código separado por el editor de texto enriquecido de Discourse es correcta y esperada.

Al igual que con el otro problema que describí anteriormente, el formato inesperado se puede evitar activando de forma proactiva el formato de bloque de código antes de pegar el contenido.

2 Me gusta