Provide CSS class on search-highlighted terms

Signed-off-by: Ivan Boothe <git@rootwork.org>

2 files changed, 9 insertions, 3 deletions

diff --git a/assets/js/functions.js b/assets/js/functions.js
index 12187df..1ae7504 100644
--- a/assets/js/functions.js
+++ b/assets/js/functions.js
@@ -183,11 +183,17 @@ function parseBoolean(string) {
   }
 };
 
-function wrapText(text, context, wrapper = 'mark') {
+function wrapText(text, context, wrapper = 'mark', cssClass = '') {
   let open = `<${wrapper}>`;
   let close = `</${wrapper}>`;
   let escapedOpen = `%3C${wrapper}%3E`;
   let escapedClose = `%3C/${wrapper}%3E`;
+
+  if(cssClass) {
+    open = `<${wrapper} class="${cssClass}">`;
+    escapedOpen = `%3C${wrapper} class%3D%22${cssClass}%22%3E`;
+  }
+
   function wrap(context) {
     let c = context.innerHTML;
     let pattern = new RegExp(text, "gi");
@@ -269,4 +275,4 @@ function goBack(target) {
   if(platform.includes("win")) {
     pushClass(bodyElement, 'windows');
   }
-})();
\ No newline at end of file
+})();
diff --git a/assets/js/search.js b/assets/js/search.js
index 9dde9b0..17c9c8c 100644
--- a/assets/js/search.js
+++ b/assets/js/search.js
@@ -195,7 +195,7 @@ function initializeSearch(index) {
   searchPageElement ? false : liveSearch();
   passiveSearch();
 
-  wrapText(findQuery(), main);
+  wrapText(findQuery(), main, 'mark', 'search-term');
 
   onEscape(clearSearchResults);