Tout comme le titre.
Données renvoyées par le background :
Données affichées dans le document d'interface :
Données de la console sur chrome :
(J'ai imprimé ces deux données au hasard, juste pour montrer qu'il y a des sauts de ligne en arrière-plan)
Le dernier affichage
est un affichage sur une ligne sans effet de saut de ligne et nécessite un traitement frontal
Je vérifie d'abord s'il contient un caractère de nouvelle ligne
pour (let i = 0; i < réponse.data.Data.length; i++) {
if (response.data.Data[i].content.indexOf('\n') >= 0) {
console.log(i)
}
}
Les données dans l'index imprimé ne comportent pas de caractère de nouvelle ligne, ce qui est incohérent.
Est-ce correct ? Ou dois-je changer les conditions pour juger ?
S'il vous plaît, donnez-moi quelques conseils~
Je ne comprends pas pourquoi j'ai écrit cette boucle à parcourir. Le résultat qui vous est renvoyé est réponse.data.content Vous pouvez utiliser des expressions régulières pour le faire
.Vous avez console.log ↵, bien sûr vous devez écrire indexOf('↵')
Problème résolu
La balise d'origine qui enveloppait le contenu renvoyé était <p>, mais plus tard, je l'ai grossièrement changée en <pre>. La balise h5
peut être affichée dans de nouvelles lignes
Mais il y a un problème si d'autres contenus sans sauts de ligne. dépasse la largeur, il dépassera l'affichage et ne s'enroulera pas automatiquement
Ajout d'un contrôle CSS à la fin
pre{
white-space: pre-wrap;
word-wrap: break-word;
}
C'est résolu