如何在 p:tooltip 中插入换行符

Question

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

<p:tooltip id="toolTip"
           for="idButton"
           value="First line Second Line"
           position="top"/>

Answer 1

要显示带换行符的工具提示，您必须这样写

<p:tooltip for="...">
    <h:outputText value="First line"/>
    <br/>
    <h:outputText value="Second line"/>
</p:tooltip>

或使用 PrimeFaces 扩展 (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>

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

Answer 2

PrimeFaces 工具提示从 5.1 开始支持 escape 属性，所以只需

<p:tooltip id="toolTip"
           for="idButton"
           value="First line<br/> Second Line"
           position="top"
           escape="false"/>

但是如果你想拥有更多'visible'html，你也可以做到

<p:tooltip id="toolTip" for="idButton" position="top">
    First line
    <br/>
    Second Line
</p:tooltip>

如何在 p:tooltip 中插入换行符

How do I put line break in p:tooltip

jsf

tooltip

primefaces