Thymeleaf: ersetzen newline-Zeichen mit <br>

Ich habe ein Feld ( <textarea name="desc" /> ), die Zeilenumbrüche enthalten, und ich möchte Sie ersetzen, die in Ihrem HTML-Pendant: <br />. Wie kann ich dies tun? Ich bin mit Thymeleaf 2.1.4.RELEASE.

  • Bin ich etwas fehlt, wenn ich das verstehen wie die Ersetzung von text-Zeichen in einigen Modell-Attribut (nicht gerenderten HTML)? Wenn dem so ist, warum dann nicht tun Sie es einfach in den controller mit plain Java?
  • Siehe auch stackoverflow.com/q/37765352/883073
  • Diese Art von Arbeit ist view-spezifisch. Was würde passieren, wenn Sie Hinzugefügt eine andere view implementation verwendet, der macht *.doc-Dateien? Sie würde am Ende mit Modell-Attribut auszusetzen string mit "<br />"s, die unwirksam sind .doc-format - das ist, warum es nicht ein job für Controller.
InformationsquelleAutor dominik | 2015-06-04
  1. 11

    Wie gesagt um dominik, \n für newline funktioniert nicht. Allerdings können Sie mit &#10;.

    ${#strings.replace(desc,'&#10;','&lt;br&gt;')}

    Oder mit Flucht zu verhindern, dass code-injection:

    ${#strings.replace(#strings.escapeXml(desc),'&#10;','&lt;br&gt;')}
    • Nur um Menschen zu helfen. &#10; ist, die der ASCII-Zeilenvorschub-Zeichen. Es funktionierte wie ein Charme 🙂
    InformationsquelleAutor holmis83
  2. 9

    Wie in JSP, es ist nicht möglich, einfach und unkompliziert

    ${#strings.replace(desc, '\n', '<br />')}

    Gibt es mindestens zwei Probleme:

    • '\n' wird behandelt, indem der zugrunde liegende expression language (SpEL in meinem Fall bin ich mit Spring MVC) als string-literal bestehen aus zwei einzelnen Zeichen: '\' und 'n' als den einzigen Zeilenvorschub-Zeichen
    • Ausnahme wird geworfen, wie die Thymeleaf zugrunde liegenden XML-parser nicht erlauben zu setzen < und > im inneren Ausdrücke

    Die Lösung, die ich gefunden für das erste problem newline-Zeichen im controller übergeben und anzeigen.

    Adresse das zweite problem, das Sie brauchen, zu verwenden &lt; statt < und &gt; statt >. Denken Sie auch daran, dass dies mit th:utext statt th:text

    //in controller:
model.addAttribute("newLineChar", '\n');

//in view
${#strings.replace(desc, newLineChar, '&lt;br /&gt;')}

    Wenn Sie mit Thymeleaf + Feder (was bedeutet, dass Thymeleaf verwenden SpEL anstelle von OGNL), können Sie auch verwenden, SpEL T operator.Auf diese Weise müssen Sie nicht deklarieren Sie die variable newline in Ihrem controller, sondern Verstand sich heraus, dass Zeilenvorschub Trennzeichen wird in diesem Fall unterscheiden sich in den verschiedenen Betriebssystemen, der Ihre app ausgeführt wird:

    ${#strings.replace(desc, T(System).getProperty('line.separator'), '&lt;br /&gt;')}

    Was ich mache, letztendlich ist die Kombination der oben genannten + Apache StringUtils definiert public static final String LF = "\n";:

    ${#strings.replace(desc, T(org.apache.commons.lang3.StringUtils).LF, '&lt;br /&gt;')}
    InformationsquelleAutor dominik
  3. 1

    Ist es möglich dies mit einem custom-Dialekt und Attribut-Prozessor zu behandeln, dies zu tun, ohne eine Menge von inline-SpEl oder hacks.

    Erstellen Sie ein Benutzerdefiniertes Attribut Prozessor

    public class NewlineAttrProcessor extends AbstractUnescapedTextChildModifierAttrProcessor
{
    public NewlineAttrProcessor()
    {
        super("nl2br");
    }

    @Override
    protected String getText(Arguments arguments, Element element, String attributeName)
    {
        final Configuration configuration = arguments.getConfiguration();

        final IStandardExpressionParser parser =
            StandardExpressions.getExpressionParser(configuration);

        final String attributeValue = element.getAttributeValue(attributeName);

        final IStandardExpression expression =
            parser.parseExpression(configuration, arguments, attributeValue);

        final String value = (String)expression.execute(configuration, arguments);
        return StringUtils.replace(value, "\n", "<br />");
    }

    @Override
    public int getPrecedence()
    {
        return 10000;
    }
}

    Verlängerung der AbstractUnescapedTextChildModifierAttrProcessor Prozessor oder sonst bekommen Sie die html-entity-tags für <br /> und Sie nicht wirklich einen Zeilenumbruch.

    Erstellen einer benutzerdefinierten Dialekt

    Zur Implementierung eines benutzerdefinierten Dialekt Sie brauchen einen Dialekt-Klasse in etwa so:

    public class MyCustomDialect extends AbstractDialect
{
    @Override
    public String getPrefix()
    {
        return "cd";
    }

    @Override
    public Set<IProcessor> getProcessors()
    {
        final Set<IProcessor> processors = new HashSet<>();
        processors.add(new NewlineAttrProcessor());
        return processors;
    }
}

    Den getPrefix Rückgabewert der Methode ist, was Sie verwenden würden, um rufen Sie eine benutzerdefinierte Prozessoren, die Sie machen. Zum Beispiel, Thymeleaf verwendet th. Die custom-Prozessor implementierten wir oberhalb dieser ist auf der Suche nach nl2br so zu nennen, es würde die cd:nl2br - Attribut anstelle des th:text.

    Der Registrierung Ihrer neuen Dialekt

    In deiner main-Klasse, die Sie gerade brauchen, um erstellen Sie eine @Bean, die zurückkehren wird eine neue Instanz der Dialekt Klasse.

    @SpringBootApplication
public class MyApplication {

    public static void main(String[] args) {
        SpringApplication.run(MyApplication.class, args);
    }

    @Bean
    public MyCustomDialect myCustomDialect()
    {
        return new MyCustomDialect();
    }
}

    Mit Ihrer benutzerdefinierten Prozessor

    Schließlich in Ihrem template-Datei ein HTML-tag wie diesem:

    <div cd:nl2br="${myObject.myField}">MY MULTILINE FIELD</div>

    Eine ausführliche Anleitung zur Implementierung von benutzerdefinierten Dialekte empfehle ich die Thymeleaf docs:

    InformationsquelleAutor ashurexm
Schreibe einen Kommentar