Highlight Search Terms vs Prismatic

Highlights search terms within WordPress generated search results, both on the search results page and on each linked post page itself. This plugin is light weight and has no options. It started as very simple fusion between How to Highlight Search Terms with jQuery – theme hack by Thaya Kareeson and Search Hilite by Ryan Boren. It has since evolved with many optimizations, HTML5 and other plugin compatibility. Since version 1.6 it no longer depends on the jQuery library. Features Click through highlights: Highlights not only on WP search results page but also one click deeper inside a post page Character and case insensitive (lenient) highlighting Caching (WP Super Cache) compatibility Search terms wrapped in double quotes now considered as single term Compatible with: Woocommerce Search Filter Pro BuddyPress bbPress What does it do? This low impact plugin finds all search terms on a search results page inside each post and highlights them with a ... tag. Note that N is a number starting with 0 for the first term used in the search phrase increasing 1 for each additional term used. Any part of a search phrase wrapped in quotes is considered as a single term. What does it NOT do? There are no CSS style rules set for highlighting. You are free to use any styling you wish but to make the highlights visible in browsers that do not support HTML5 like Internet Explorer 8 or older you absolutely need to define at least one rule. Modern HTML5 browsers will use their own highlighting style by default, which usually is a yellow marker style background. So what do I need to do? In most cases, it should just work. But you can do two things to ensure backward browser and theme compatibility: Define CSS rules: There are no configuration options and there is no predefined highlight styling. You are completely free to define any CSS styling rules in your themes main stylesheet (style.css) or the Custom CSS tab if the WordPress theme customizer. You can find basic instructions and CSS examples in the FAQ’s. Check your theme: In most up to date themes (including WP’s own default theme) post and page content is shown inside a div with class hentry. This means search terms found in post and page content will be highlighted but not similar terms that accidentally show in the page header, sidebar or footer. If your current theme does not use the hentry class (yet), this plugin will look for IDs content, main and finally wrapper but if none of those are found, it will not work for you out of the box. See the last of the FAQ’s for ways to make it work. Available hooks and filters hlst_query_vars – The array of WordPress query variables that the plugin will identify as a search query. Must return an array. Default: ['search_terms','bbp_search'] (WordPress abd bbPress search) hlst_input_get_args – An array of GET variables that the plugin will identify as a search query. Must return an array. Default: ['hilite'] (for click-through highlighting) hlst_selectors – The array of possible HTML DOM element identifiers that the script will try. The first viable identifier it finds elements of will be scanned for search terms to mark, the rest is ignored. So the order is important here! Start with the element closest to, but still containing all the post/page title, excerpt or content. hlst_events – The array of DOM event listeners that the inline script will watch for. Default: ['DOMContentLoaded','post-load'] (on Document Ready and for Jetpack Infinite Scroll and others). hlst_inline_script – The inline script that will be added to the plugin script file. Can be used to add to or alter the inline script. Must return a string. Known issues & development If your theme does not wrap the main content section of your pages in a div with class “hentry” or HTML5 article tags, this plugin might not work well for you out of the box. However, you can make it work. See the last of the FAQ’s for an explanation. Josh pointed out a conflict with the ShareThis buttons plugin. Since then, that plugin has been completely rewriten so please let me know if the problem still exists. Thanks! Please file bug reports and code contributions as pull requests on GitHub.

Display Beautiful Code Display beautiful code snippets with Prism.js, Highlight.js, or plain code escaping: Prism.js – Code escape + syntax highlight using Prism.js Highlight.js – Code escape + syntax highlight using Highlight.js Plain Flavor – Code escape without syntax highlighting 👉 The only 3-in-1 syntax highlighter! Live Examples Here are some live examples showing Prismatic displaying colorful code snippets: PHP highlighting CSS highlighting JavaScript highlighting HTML highlighting Escaped code without highlighting Prismatic is used to display thousands of code snippets on the above sites. Also here is a post showing some favorite Highlight.js styles 🙂 Prism.js Features Supports 60+ coding languages Choose from all 8 available Prism themes Provides a Gutenberg block for adding code snippets Provides TinyMCE/Visual buttons for adding code snippets Option to enable Prism plugin Line Numbers Option to enable Prism plugin Line Highlight Option to enable Prism plugin Show Language Option to enable Prism plugin Copy Code Button Option to enable Prism plugin Command Line Highlights code in post content, excerpts, and comments Detects language- and lang- class prefixes Limit syntax highlighting to Posts and Pages Highlight single-line and multi-line code Granular control over code escaping Smart loading of CSS & JS assets Support for ACF on single post views Highlight.js Features Supports 50+ coding languages Choose from all 90+ available Highlight themes Provides a Gutenberg block for adding code snippets Provides TinyMCE/Visual buttons for adding code snippets Customize the Highlight.js init JavaScript Highlights code in post content, excerpts, and comments Limit syntax highlighting to Posts and Pages Highlight multi-line blocks of code Detects language- and lang- class prefixes Enable support for no-prefix class names Granular control over code escaping Smart loading of CSS & JS assets Plain Flavor Features Enable code escaping for post content, excerpts, and/or comments Enable code escaping on the frontend, Admin Area, or both Provides a Gutenberg block for adding code snippets Provides TinyMCE/Visual buttons for adding code snippets Escapes single-line and multi-line code snippets Escapes tags (based on configuration) General Features Easy to set up and use Built with WordPress APIs Born of simplicity, no frills Squeaky clean, error-free code Lightweight, fast and flexible Focused on performance and security Loads CSS/JS assets only when required Adheres to HTML coding best practices Works with the Gutenberg Block Editor Regularly updated and “future proof” 👉 Prismatic escapes only the essentials to keep your code clean. 👉 Check out the screenshots for more details. Privacy This plugin does not collect or store any user data. It does not set any cookies, and it does not connect to any third-party locations. Thus, this plugin does not affect user privacy in any way. Prismatic is developed and maintained by Jeff Starr, 15-year WordPress developer and book author. Support development I develop and maintain this free plugin with love for the WordPress community. To show support, you can make a donation or purchase one of my books: The Tao of WordPress Digging into WordPress .htaccess made easy WordPress Themes In Depth Wizard’s SQL Recipes for WordPress And/or purchase one of my premium WordPress plugins: BBQ Pro – Blazing fast WordPress firewall Blackhole Pro – Automatically block bad bots Banhammer Pro – Monitor traffic and ban the bad guys GA Google Analytics Pro – Connect WordPress to Google Analytics Head Meta Pro – Ultimate Meta Tags for WordPress REST Pro Tools – Awesome tools for managing the WP REST API Simple Ajax Chat Pro – Unlimited chat rooms USP Pro – Unlimited front-end forms Links, tweets and likes also appreciated. Thank you! 🙂