h:outputText ne casse pas les caractères \r\n dans de nouvelles lignes

J'ai du texte dans un String variable qui contient des retours chariot et les nouvelles lignes \r\n.

text = "Text1\r\nText2\r\nText3";

Je suis de le présenter à l'aide d'un <h:outputtext>.

<h:outputText value="#{bean.text}" />

Mais il ne reconnaît pas les caractères de nouvelle ligne et montre comme ci-dessous dans le webbrowser.

Texte1 Texte2 Texte3

Pourquoi le <h:outputText> pas casser \n dans de nouvelles lignes?

Que dois-je faire? Dois-je remplacer \n avec <br />?

  • Vous devrez peut-être obtenir le système de valeur de la ligne de séparateur I. E. String ligne = Système.getProperty("line.séparateur");
InformationsquelleAutor Pellizon | 2013-02-01
  1. 104

    Retours à la ligne (en HTML sont représentés par <br /> élément, et non par le \n caractère. Même plus, ouvrez la moyenne HTML code source par un clic droit, l'Affichage de la Source dans le navigateur et vous allez "voir" \n sur tous les lieux. Ils sont toutefois pas présentés comme tels dans le final de la présentation HTML. Seul le <br /> volonté.

    Donc, oui, vous devez les remplacer par <br />.

    <h:outputText value="#{fn:replace(bean.text,'\n','&lt;br/&gt;')}" escape="false" />

    Remarque: lors de l'utilisation d'Apache EL au lieu de l'Oracle EL, double-échapper à la barre oblique inverse comme dans \\n.

    <h:outputText value="#{fn:replace(bean.text,'\\n','&lt;br/&gt;')}" escape="false" />

    Sinon vous ferez face à une exception avec le message Failed to parse the expression with root cause org.apache.el.parser.ParseException: Encountered <ILLEGAL_CHARACTER>.

    Tout cela est cependant laid et le escape="false" le rend sensible à la Les attaques XSS si la valeur vient de l'utilisateur final d'entrée et vous n'avez pas désinfecter à l'avance. Une meilleure alternative est de continuer à utiliser \n et définir CSS white-space de la propriété à préformaté sur l'élément parent. Si vous souhaitez envelopper les lignes à l'intérieur du contexte d'un élément de type block, puis définissez pre-wrap. Ou si vous le souhaitez à l'effondrement d'espaces et de tabulations ainsi, puis définissez pre-line.

    E. g.

    <h:outputText value="#{bean.text}" styleClass="preformatted" />
    .preformatted {
    white-space: pre-wrap;
}
    • Il n'a pas travaillé pour moi à l'aide de <pre> tag, mais j'ai fait une fonction pour remplacer les \r\n <br/>, je n'ai pas encore fini, mais il me semble que sa va marcher. Merci BalusC !
    • Vous êtes les bienvenus. À l'aide de la <pre> devrait également fonctionner. Cependant, le comportement par défaut de <pre> balise peut être manipulé par les CSS. Donc si vous avez des 3e partie CSS qui vous n'avez pas lu ou n'a tout simplement pas comprendre, alors il pourrait avoir été la cause de la <pre> n'est pas preformat plus.
    • Merci pour le "white-space: pre;" idée! Dans certains cas (comme le mien) et la valeur "pré-line", c'est encore mieux, parce que je ne veux pas gâcher le papier d'emballage.
    • Pourriez-vous montrer un exemple de texte à l'aide de <pre> s'il vous plaît
    • @JohnB: <pre>#{bean.text}</pre>
    • Le white-space: pre-wrap a fonctionné pour moi. Le fn:replace n'a pas.
    • Pour moi cela ne fonctionne pas et le <br /> est imprimé en tant que texte. <h:outputText value="#{note}" styleClass="préformaté" />
    • Peut-être que vous ne comprenez pas la réponse. Pour <br> vous avez besoin le premier extrait de code et pour \n vous avez besoin de la deuxième extrait de code.
    • vous avez raison, j'ai raté la partie avec "gardez à l'aide de \n'... Merci

    InformationsquelleAutor BalusC
  2. 10

    Ce comportement est normal, dans le HTML des espaces consécutifs tels que les espaces et les retours à la ligne (se normalise de sorte qu'il affiche juste comme un seul espace. Vous obtenez le même écran, si vous avez inclus le texte avec des retours à la ligne (directement dans la source HTML. À l'honneur mais les sauts de ligne à la sortie que vous auriez à faire passer le texte en pre de tags ou d'appliquer une feuille de style de la classe:

    <pre><h:outputText value="..."/></pre>

<div style="white-space: pre-wrap"><h:outputText value="..."/></div>

    Pour les autres valeurs possibles pour la white-space attribut oeil à cette page: http://www.w3schools.com/cssref/pr_text_white-space.asp

    InformationsquelleAutor Jörn Horstmann
  3. 5

    Les réponses précédentes causé des problèmes pour moi de grandes quantités de texte, comme extrêmement large de sortie (pas de texte), qui style="white-space: pre-wrap" n'a pas résolu; ou c'est juste affiché le &lt;br/&gt; en tant que texte, non pas comme une fin de ligne.

    À la fin, j'ai utilisé le h:inputTextarea composant pour afficher le texte et fait en "lecture seule" qui a fonctionné tout de suite sans avoir à remplacer les sauts de ligne, ni avoir recours à d'autres styles ou styleClasses. Et, il est redimensionnables pour répondre aux besoins de l'utilisateur, qui est un bonus.

    <h:inputTextarea cols="70" rows="10" readonly="true" value="#{bean.text}" />

    Pour de petites quantités de texte, j'ai trouvé le pre-wrap option, comme suggéré par henko ci-dessus, pour bien fonctionner.

    InformationsquelleAutor Robbie62