Rails — Ajouter un saut de ligne dans une zone de texte

J'ai une application rails, où je peux l'entrée de quelques paragraphes de texte à mon modèle. Le problème est que je ne sais pas comment faire pour entrer des sauts de ligne.

J'ai essayé d'ajouter " {ln}{/ln} ; {&nbsp} et {br}{/br}", mais qui n'affiche que le html en texte et pas de rupture.

Est-il de toute façon je peux le régler de sorte que le texte de la zone de contrôle de l'utilisation de tout contenu html je place dans le modèle d'entrée?

Est-il quelque chose que je peux, de façon à ce que les rails reconnaître, hé mettre une ligne ici?

  • Où est-il pas rendu correctement? Dans le textarea quand vous revenez en arrière pour modifier la valeur (c'est à dire <%= f.text_area :description %>)? Ou sur la page lorsque vous effectuez le rendu de la valeur rapidement (c'est à dire <%= obj.description %>)?
  • sur la page où je suis en train d'essayer de rendre les données des endroits les < br > en tant que texte
InformationsquelleAutor ChrisWesAllen | 2010-06-29
  1. 84

    Le problème n'est pas tellement l'édition de la valeur car il est rendu plus tard. Pour ajouter des caractères de saut de ligne à votre valeur lors de l'édition dans un textarea, il suffit de frapper la touche retour. Lorsque vous ré-éditer cette valeur plus tard, les espaces doivent être encore là.

    Le rendu de l'espace est la partie la plus délicate. En HTML, les espaces sont généralement insignifiants. Un moteur de rendu comme celui utilisé par votre navigateur affichera un espace unique pour toute chaîne continue de l'espace. Donc simplement de dumping de la valeur sur la page ne sera pas suffisant:

    <%= obj.description %>

    Même si votre valeur peut être "One \t \n \n Two", il sera affiché sur l'écran comme "One Two".

    Pour obtenir ces caractères de nouvelle ligne de trier les lignes lors de l'affichage, vous aurez besoin de les convertir en HTML avant de rendu:

    <%= obj.description.gsub(/\n/, '<br/>') %>

    Bien sûr, si les utilisateurs sont la saisie des données qui seront inclus dans votre code HTML, vous devez échapper les valeurs à protéger contre XSS. Si de nouvelles lignes sont la seule chose que vous avez besoin de soutien, il devrait être aussi simple que cela:

    <%= h(obj.description).gsub(/\n/, '<br/>') %>

    Si vous souhaitez autoriser la mise en forme plus complexe, regarder dans Markdown et Textile (les deux Rails fournit helper de vue des méthodes pour). Juste être sûr d'étudier ce que si tout l'appui qu'ils fournissent pour les XSS prévention.

    • Comme de Rails 3, vous aurez à ajouter .html_safe: <%= h(obj.la description).gsub(/\n/, '<br/>').html_safe %>
    • Utilisation simple_format() comme dit ci-dessous.
    InformationsquelleAutor Ian Lesperance
  2. 105

    Les sauts de ligne dans ces zones de texte sont produites en tant que `\n'. Cependant, le problème est que si il vous suffit de le vider dans votre point de vue, il sera juste des sauts de ligne dans votre code source HTML.

    Vous pouvez essayer d'utiliser les Rails simple_format de l'aide pour prendre soin de cela pour vous: http://api.rubyonrails.org/classes/ActionView/Helpers/TextHelper.html#M002285

    Il sera automatiquement convertir les sauts de ligne pour les balises HTML. Vous pouvez l'utiliser avec quelque chose comme <%= simple_format(my_text_field) %>.

    • Pour l'enregistrement, pour éviter les attaques XSS, vous devriez être de s'échapper de la var comme ceci: <%= simple_format h(my_text_field) %>
    • simple_format assainit par défaut, h() n'est pas nécessaire. C'est un vieux post...peut-être que ce est une nouvelle fonctionnalité.
    • on rails 3, introduit dans github.com/rails/rails/commit/... - 2010/06/17; Soit je ne sais pas ou supposé rails 2.x (ne me souviens pas). Merci pour le mentionner pour la suite de lecteurs! 🙂
    • Le problème avec simple_format est qu'il est trop intelligent. Il permettra de préserver toutes les \n dans votre texte, mais il suppose que deux \n sont destinés à indiquer un nouveau paragraphe et prendra votre entrée et envelopper certaines de ses parties dans <p> balises. Cela dépend vraiment de vos besoins, la méthode que vous devez utiliser. Si vous absolument doit conserver toutes les nouvelles lignes, vous devez utiliser la accepté de répondre. Sinon utiliser simple_format et le plan pour les étiquettes de paragraphe où vous serez en sortie de cette valeur.
    • C'est meilleur.
    InformationsquelleAutor Karl
  3. 20

    Garder la saisie de l'utilisateur non modifiées et les ajouter à votre css:

    white-space: pre-line;

    Il affichera \r ou \n (entrer) dans la saisie de l'utilisateur comme une nouvelle ligne.

    • Tellement plus facile. La bonne réponse.
    • Cela devrait être la réponse.
    InformationsquelleAutor bershika
  4. 8

    Ici est une autre manière d'afficher les sauts de ligne dans une chaîne tout en encore échapper au reste du texte:

    <%= safe_join(@object.textarea_input.split("\r\n"), "<br />".html_safe) %>
    • J'ai aimé et ajouté mes propres chose en elle
    • Vous pouvez également utiliser le tag helper, comme ceci: safe_join(@object.textarea_input.split("\r\n"), tag(:br))
    InformationsquelleAutor vpsz
  6. 1

    le problème avec simple_format est que c'est aussi d'en ajouter d'autres balises comme <b><i><hr><h1>...

    si vous voulez juste sauts de ligne sans autres balises je vous suggère de construire une partielle (appelons cela line_break):

    <% text.split("\n").each do |t| %>
  <%= t %><br>
<% end %>

    ensuite, il suffit de l'appeler à partir de votre point de vue:

    <%= render partial: 'line_break', locals: {text: some_text} %>
    InformationsquelleAutor Sagiv Ofek
  7. 1

    Quelle est la version de rails utilisez-vous?? Parce que la façon de gérer cela est différent dans les rails 2 et 3.

    Disons que la valeur de l'enregistrement est "foo<br />bar"

    Dans rails 3, si vous voulez évaluer le html, vous pourriez faire <%=raw "foo<br />bar" %>, si vous le faites, vous obtiendrez un saut de ligne lorsque vous verrez la vue.

    Dans les rails 2 vous n'avez pas à le faire, il suffit de faire <%= "foo<br />bar" %>

    Aussi, HTML n'est pas évaluée dans un textarea de toute façon.

    InformationsquelleAutor kentor
  8. 0

    \n si ma mémoire est bonne (il n'a pas été fait si bien aujourd'hui... essayer à vos risques et périls lol)

    Edit: en faisant l'hypothèse que vous parlions d'un textarea, si il est simple de sortie, il suffit d'utiliser <br>

    • Nah j'ai essayé \n ainsi que le même à l'intérieur de la parenthèse et il reste juste sortie le code comme si c'était du texte
    • Pouvez-vous nous donner le code que vous utilisez afin que nous puissions avoir une meilleure idée de ce que nous sommes à la recherche à la place de l'aléatoire des suppositions?
    • Une chose est sûre... le point de vue a <p> <%= f.étiquette :description %><br /> <%= f.text_area :description %> </p> c'est à peu près tout. Je voulais juste désactiver le html dans la zone de texte
    InformationsquelleAutor mynameiscoffey
  9. 0

    Les réponses ci-dessus ont été bonnes:

    • la gsub (@Ian) a bien fonctionné
    • la simple_format (@Karl) était un peu plus haut que @Aaron l'a souligné, l'emballage tout en <p>

    J'ai donc modifié comme suit:

    simple_format(value, {}, wrapper_tag: 'div')
    InformationsquelleAutor Jon Kern
  10. 0

    Les autres réponses sont fausses. Zone de texte ne rend pas
    que les sauts de ligne, parce que le innerHTML de la valeur de l'élément TEXTAREA n'est pas le rendu HTML..

    Vous devez ajouter la Ligne d'alimentation en entité HTML: &#10;

    EXEMPLE: 

    <textarea><%= "LINE 1&#10;LINE 2&#10;LINE 3".html_safe %></textarea>

    Voir aussi Nouvelle ligne dans la zone de texte - Débordement de Pile

    InformationsquelleAutor Yarin
  11. -1

    Si vous êtes tout simplement de l'affichage de votre chaîne dans la vue. puis essayez avec 

    < p >This is my text< /p >< br />
    InformationsquelleAutor sameera207