Question

如何在工具提示的primefaces组件上插入换行符以将第一行与第二行分开？

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

Answer 1

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

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

但是，如果您想拥有更“可见”的html，也可以这样做

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

Answer 2

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

<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

如何在p：tooltip中放置换行符

2 个答案: