如何在 p:tooltip 中添加换行符

bor*_*hvm 6 jsf tooltip primefaces

如何在 PrimeFaces 组件中添加换行符tooltip以将第一行与第二行分开?

<p:tooltip id="toolTip"
           for="idButton"
           value="First line Second Line"
           position="top"/>
Run Code Online (Sandbox Code Playgroud)

bor*_*hvm 8

要显示带有换行符的工具提示,您必须这样放置

<p:tooltip for="...">
    <h:outputText value="First line"/>
    <br/>
    <h:outputText value="Second line"/>
</p:tooltip>
Run Code Online (Sandbox Code Playgroud)

或者使用 PrimeFaces Extensions (pe:tooltip)

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:pe="http://primefaces.org/ui/extensions">
...

<pe:tooltip for="...">
    <h:outputText value="First line <br/> Second line" escape="false" />
</pe:tooltip>
Run Code Online (Sandbox Code Playgroud)

https://forum.primefaces.org/viewtopic.php?t=23196


Kuk*_*tje 6

PrimeFaces 工具提示escape从 5.1 开始支持该属性,所以只需执行

<p:tooltip id="toolTip"
           for="idButton"
           value="First line<br/> Second Line"
           position="top"
           escape="false"/>
Run Code Online (Sandbox Code Playgroud)

但是如果你想要一个更“可见”的html,你也可以这样做

<p:tooltip id="toolTip" for="idButton" position="top">
    First line
    <br/>
    Second Line
</p:tooltip>
Run Code Online (Sandbox Code Playgroud)