8
votes

Comment montrer de nouvelles lignes de Texarea dans une table?

Dans un formulaire, j'ai une textaree où il est évident que le texte est entré. Lorsque l'entrée est terminée, le contenu est soumis au serveur et est enregistré dans une base de données ...

Lorsque j'affiche l'entrée de l'utilisateur dans une table, les nouvelles lignes ne sont pas visibles. Lorsque j'inspecte la source, les nouvelles lignes sont là, mais dans une table, les nouvelles lignes ne fonctionnent pas ...

Y a-t-il une possibilité d'afficher les chevrefeaux dans cette table? Je sais, probablement une question vraiment idiote, mais je ne suis pas à venir quand il s'agit de choses comme HTML et CSS ...

Toute aide est vraiment appréciée!

html line-breaks textarea newline tabular

0 commentaires

5 Réponses :

2
votes

Vous voulez remplacer tout \ n avec .



                                                                    
                                    
                                    
                                        0 commentaires


                        
                                            
                            
                                
                                    3
 votes
                                
                            
                            
                                
                                     \ n ne sera pas rendu comme une nouvelle ligne dans HTML. Vous devez utiliser un  
  pour atteindre cet effet. 
 Utilisez une chaîne Remplacer pour remplacer tous les caractères "\ n" à " 
  '  
   si   Vous utilisez un langage côté serveur comme   c #   vous pouvez faire cela < / p>  xxx                                  


                                                                    
                                    
                                    
                                        2 commentaires
                                        
                                                                                            
                                                    En fait, je préfère utiliser un petit extrait JavaScript pour accomplir cette tâche! En tous cas, merci pour l'info!                                                
                                                
                                                                                            
                                                    Le  \ n  est rendu sous forme de nouvelle ligne dans les balises    ou dans n'importe quel bloc avec divers paramètres (par exemple, 'PRE', 'Pré-ligne') du < code> espace blanc  paramètre CSS, voir par exemple  w3schools.com/cssref/pr_text_white-space.asp                                                 

                                                
                                                                                    

                                    

                                                            

                        

                        
                                            
                            
                                
                                    0
 votes
                                
                            
                            
                                
                                     utiliser
 
 
, ou plutôt  
   si nous parlions du texte et du nouveau paragraphe. (meilleure solution sémantique).                                 


                                                                    
                                    
                                    
                                        2 commentaires
                                        
                                                                                            
                                                    Je ne suis pas sûr de remplacer \ n avec un 
  serait sémantiquement correct en fait. 
 est sémantiquement une pause de ligne, de même que \ n. \ n \ n serait cependant sémantiquement un paragraphe.                                                
                                                
                                                                                            
                                                    Vous voudriez démarrer tout le bloc de texte avec un '
' et fermer tout le bloc de texte avec un ''. Ensuite, vous pouvez remplacer chaque '\ n' par un ' 
', ce qui fermera un paragraphe et commencera une autre.                                                
                                                
                                                                                    
                                    
                                                            

                        

                        
                                            
                            
                                
                                    14
 votes
                                
                            
                            
                                
                                     Définissez votre CSS dans la cellule du tableau sur 
white-space:pre-wrap;

                                

                                                                    
                                    
                                    
                                        4 commentaires
                                        
                                                                                            
                                                    Cela fonctionne et maintenant vous pouvez garder  / n  sans le remplacer à  . Merci,  vsync ! P.s. Page d'accueil étonnante - Excellent travail!                                                

                                                
                                                                                            
                                                    Cela devrait être la réponse sélectionnée. Tellement simple!                                                
                                                
                                                                                            
                                                    ouais c'est le meilleur moyen                                                
                                                
                                                                                            
                                                    C'est la meilleure réponse. Dans mon cas  blanc-espace: pré-ligne;  a fonctionné mieux. Merci                                                

                                                
                                                                                    

                                    

                                                            

                        

                        
                                            
                            
                                
                                    2
 votes
                                
                            
                            
                                
                                     Définissez votre CSS dans la cellule du tableau sur  xxx  
 même si vos données ont des espaces de fuite, il supprimerait et apporterait des données parfaites.                                  

                                                                    
                                    
                                    
                                        0 commentaires

Articles qui pourrait vous intéresser : Google Chrome Uncaught (promis) DOMException lors de la lecture AUDIO Select2 ne s'affiche pas correctement dans le mode bootstrap Le bootstrap de Twitter a-t-il des classes utilitaires de taille de police? Comment puis-je définir un format pour les nombres d'entrée dans Blazor