Believemy logo purple
Connexion
Discussions

Textarea "/n" non généré

Image

Bonjour,

 

Après beaucoup de recherches je n'ai pas trouvé de réponse à mon problème :

 

Pour le projet Markdown et et Blog, la value générée dans le textarea ne contient pas les "/n" pour saut de ligne.

C'est à dire qu'une fois enregistré dans le Firebase, aucun moyen de récupérer /n pour le transformer en <br>, car seul un espace est généré dans la value.

 

Comment forcer la génération du "/n" , et est-ce normal que j'ai l'impression que personne n'a ce problème sur le web ? 

 

 

Merci par avance !

3 réponses
Image
Louis-Nicolas Leuillet
Le 24/06/2022 à 09:36

Bonjour Kylian !

 

Tu as tout à fait raison, mais le problème est assez connu. Il faut transformer tous les /n par un <br /> avant l'envoi de préférence à la base de données. On ne le vois pas dans firebase mais il y a bien des /n qui sont générés.

replace(/\n/g, "<br />");
Image
Denis Faveron
Le 24/06/2022 à 10:38

Merci pour la réponse rapide!

 

Désormais le contenu est affiché comme ceci :
"contenu du premier article<br />avec saut de ligne !"

 

Càd que le <br /> est affiché en brut dans le bloc article.

La modification à faire doit être du côté Ajouter.js ou articleDisplayed.js, pour ne pas l'afficher en brut mais bien en saut de ligne ?

 

(je vois a peu près comment faire, mais je préfère vous demander dans un cadre idéal/pro, la meilleure manip à faire !)

Image
Louis-Nicolas Leuillet
Le 24/06/2022 à 11:27

Je te conseils d'ajouter dangerously en prop (https://fr.reactjs.org/docs/dom-elements.html#dangerouslysetinnerhtml) pour afficher le <br /> sur ton article ;)

Image
Inscrivez-vous ou connectez-vous pour participer à la discussion.

Informations

Créée le 24 juin 2022 08:54
Dernière activité le 24 juin 2022 08:54
Cours : Créez des sites internet interactifs avec React 16 et Redux