arya-blue
luna-amber
luna-blue
luna-green
luna-pink
nova-dark
nova-light
saga-blue
vela-blue
MarkText - Accuracy Levels
Demonstrates the accuracy property. 'partially' matches if the search term is contained in the text, 'exactly' matches only if the text equals the search term, 'complementarily' matches if the search term contains the text.
Search term:
Partially (accuracy='partially')

ips sum ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Exactly (accuracy='exactly')

ips sum ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Complementarily (accuracy='complementarily')

ips sum ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Source

                <h:panelGrid columns="3">
        <h:outputText value="Search term:"/>
        <p:inputText id="searchInput" value="#{markTextController.searchTermAccuracy}" placeholder="Enter search term">
             <p:ajax event="keyup" delay="500" update="partiallyPanel exactlyPanel complementarilyPanel markTextPartially markTextExactly markTextComplementarily"/>
        </p:inputText>
        <p:commandButton value="Highlight" update="partiallyPanel exactlyPanel complementarilyPanel markTextPartially markTextExactly markTextComplementarily" icon="pi pi-search"/>
    </h:panelGrid>

    <h:panelGrid columns="3" style="width: 100%">
        <p:panel id="partiallyPanel" header="Partially (accuracy='partially')" style="margin-right: 10px">
            <h:panelGroup id="partiallyContent" layout="block">
                <p>ips sum ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
            </h:panelGroup>
        </p:panel>

        <p:panel id="exactlyPanel" header="Exactly (accuracy='exactly')" style="margin-right: 10px">
            <h:panelGroup id="exactlyContent" layout="block">
                <p>ips sum ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
            </h:panelGroup>
        </p:panel>

        <p:panel id="complementarilyPanel" header="Complementarily (accuracy='complementarily')">
            <h:panelGroup id="complementarilyContent" layout="block">
                <p>ips sum ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
            </h:panelGroup>
        </p:panel>
    </h:panelGrid>

    <pe:markText id="markTextPartially" for="partiallyContent" value="#{markTextController.searchTermAccuracy}" styleClass="marktext-highlight" accuracy="partially"/>
    <pe:markText id="markTextExactly" for="exactlyContent" value="#{markTextController.searchTermAccuracy}" styleClass="marktext-highlight" accuracy="exactly"/>
    <pe:markText id="markTextComplementarily" for="complementarilyContent" value="#{markTextController.searchTermAccuracy}" styleClass="marktext-highlight" accuracy="complementarily"/>
            
Components and more
Documentation pe:
Attributes (move mouse over the names to see data types)
Name Description
No attributes available for this component.
PrimeFaces Extensions Showcase - © 2011-2025,PrimeFaces: 15.0.13,PrimeFaces Extensions: 15.0.14-SNAPSHOT,JSF: Apache MyFaces JSF-2.3 Core Impl 2.3.10,Server: Apache Tomcat (TomEE)/9.0.82 (8.0.16),Build time: 2026-02-23 00:32