'%3e%3cpath%20d='M8%200C12.4183%200%2016%203.58172%2016%208C16%2012.4183%2012.4183%2016%208%2016C3.58172%2016%200%2012.4183%200%208C0%203.58172%203.58172%200%208%200ZM11.6162%204.38379C11.2257%203.99337%2010.5927%203.99338%2010.2021%204.38379L8%206.58594L5.79785%204.38379C5.40732%203.99334%204.77429%203.99329%204.38379%204.38379C3.99331%204.77429%203.99335%205.40733%204.38379%205.79785L6.58594%208L4.38379%2010.2021C3.99348%2010.5927%203.99341%2011.2257%204.38379%2011.6162C4.77426%2012.0066%205.40734%2012.0065%205.79785%2011.6162L8%209.41406L10.2021%2011.6162C10.5927%2012.0066%2011.2257%2012.0067%2011.6162%2011.6162C12.0067%2011.2257%2012.0066%2010.5927%2011.6162%2010.2021L9.41406%208L11.6162%205.79785C12.0066%205.40735%2012.0066%204.77429%2011.6162%204.38379Z'%20fill='%23080E17'%20fill-opacity='0.46'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_3761_713'%3e%3crect%20width='16'%20height='16'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e)
How to Configure SharePoint PnP Search Box for Text Search and Highlighting
Question details
The user wants to configure a search box on a SharePoint FAQ page to find specific text, navigate directly to the relevant section, and highlight matching words.
- Product
- SharePoint Online
- Device & OS
- not provided
- Scenario
- Creating an FAQ page with built-in text search and highlighting capabilities to improve user navigation.
- Observed behavior
- Built-in SharePoint search requires custom solutions or specialized PnP web part configurations to achieve single-page search with text highlighting.
Ensure you have the necessary site permissions to add or configure custom web parts on your SharePoint pages, and review the PnP Modern Search documentation beforehand.
Leverage PnP Modern Search Community Resources and Custom Code
Because built-in SharePoint search does not natively support single-page text search with highlighting out of the box, you must utilize the PnP Modern Search community resources or build a custom solution.
The standard SharePoint search functionality is built for site-wide document and page discovery, not in-page text highlighting. To achieve this specific requirement, you need to rely on the community-driven PnP Modern Search web parts or develop a custom SharePoint Framework (SPFx) web part.
Visit the official PnP Modern Search GitHub pages (microsoft-search.github.io/pnp-modern-search) to understand the current capabilities and limitations of the Search Box web part.
Since standard support forums have limited resources for PnP features, post your specific in-page navigation and highlighting requirement in the PnP Modern Search GitHub repository to get advice from specialists.
If the existing PnP Search Box cannot be configured to highlight text within a single page, you may need to develop a custom SPFx web part using React or plain JavaScript that handles in-page routing and applies CSS highlighting to matching text strings.
Looking for a Better Way to Manage Document Drafting? Try WPS Office
While SharePoint handles enterprise web solutions, drafting and managing your FAQ documents before publishing is easier with WPS Office. It provides a lightweight, highly compatible, and free alternative to Microsoft Office for all your daily productivity needs.
- 1. Download the software: Visit the official WPS Office website to download the free installer package for your operating system.
- 2. Install WPS Office: Run the downloaded setup file and follow the straightforward on-screen instructions to complete the installation.
- 3. Start drafting efficiently: Launch WPS Office and open your existing Microsoft Office documents seamlessly to continue your work without formatting loss.
Frequently Asked Questions
Can standard SharePoint search highlight text on a single page?
No, the built-in SharePoint search is primarily designed to find documents and entire pages across the site. Finding and highlighting text within a specific page usually requires a custom SharePoint Framework (SPFx) solution.
Where can I find support for PnP Modern Search web parts?
Support and specialized assistance for PnP Modern Search should be requested in their official GitHub community (microsoft-search/pnp-modern-search), as standard SharePoint support channels do not cover custom open-source web parts.
Is PnP Modern Search officially supported by Microsoft?
PnP Modern Search is an open-source, community-driven project. While it is built on Microsoft technologies and widely recommended, it is not officially supported through Microsoft's standard enterprise support channels.
