La propriété CSS `white-space` des données du presse-papiers n'est pas respectée lors du collage dans l'éditeur de texte enrichi

Contribuer Bug
14

Bien sûr. Je suis heureux si l’information peut être utile. Je voudrais réitérer ma déclaration précédente :

Cependant, je serais heureux de me tromper à ce sujet :slightly_smiling_face:.

  1. Copiez le code C++ suivant :
    #include <iostream>
int main() {
  std::cout << __FILE__;
}
  2. Ouvrez le compositeur de publication.
  3. Mettez le compositeur en mode « éditeur de texte enrichi ».
  4. Collez le contenu copié dans le compositeur.

:slightly_frowning_face: Le contenu est corrompu :

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

(notez que <iostream> a été supprimé car il ressemblait à une balise HTML non prise en charge, et __FILE__ a été traité comme du balisage gras)

Cela pourrait être considéré comme une erreur de l’utilisateur, car cela pourrait être évité en déclenchant un bloc de code avant de coller le contenu non-prose. Cependant, nous pourrions nous attendre à ce que le flux de travail alternatif consistant à appliquer un formatage de bloc de code rétroactivement au contenu collé soit tout aussi valable (comme c’est le cas lorsque l’on utilise l’éditeur Markdown).

Équipement

  • N’importe quelle carte Arduino (officielle ou tierce)

Instructions

  1. Installez l’IDE Arduino 2.3.6, téléchargeable depuis la page « Logiciels » du site web Arduino :
    https://www.arduino.cc/en/software/#ide-download-section
  2. Démarrez l’IDE Arduino.
  3. Sélectionnez Fichier > Nouvelle esquisse dans les menus de l’IDE Arduino.
  4. Remplacez le contenu de la nouvelle esquisse par le code suivant :
    void setup() {
  Serial.begin(9600);
  while (!Serial) {}  // Attendre que le port série soit ouvert.
  delay(500);         // Certaines cartes nécessitent un délai après l'initialisation du port série.
  Serial.println("foo");
  Serial.println("bar");
}
void loop() {}
  5. Sélectionnez Outils > Moniteur série dans les menus de l’IDE Arduino pour ouvrir la vue Moniteur série, si elle n’est pas déjà ouverte.
  6. Sélectionnez « 9600 » dans le menu du débit en bauds dans la vue Moniteur série.
  7. Téléversez l’esquisse sur votre carte Arduino.
  8. Sélectionnez la sortie série dans le champ de la vue Moniteur série.
  9. Copiez le contenu sélectionné.
  10. Ouvrez le compositeur de publication Discourse.
  11. Mettez le compositeur en mode « éditeur de texte enrichi ».
  12. Collez le contenu copié dans le compositeur.

:slightly_frowning_face: Chaque ligne du contenu copié est placée dans un bloc de code distinct :

foo


bar

Si vous inspectez le contenu du presse-papiers, vous verrez qu’en plus du contenu attendu de type « text/plain » :

foo
bar

Il contient également le contenu suivant de type « 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>

Étant donné que le Moniteur série de l’IDE Arduino 2.x encapsule incorrectement chaque ligne du contenu copié de type « text/html » dans des balises <pre>, le rendu de chaque ligne du contenu collé comme un bloc de code distinct par l’éditeur de texte enrichi de Discourse est correct et attendu.

Comme pour l’autre problème que j’ai décrit ci-dessus, le formatage inattendu peut être évité en déclenchant de manière proactive le formatage du bloc de code avant de coller le contenu.

2 « J'aime »