fix: fix search terms highlighting

closes #266
easyops-cn · Oct 17, 2022 · aacc610 · aacc610
1 parent 9ec0197
commit aacc610
Showing 1 changed file with 10 additions and 2 deletions.
diff --git a/docusaurus-search-local/src/client/theme/SearchPage/SearchPage.tsx b/docusaurus-search-local/src/client/theme/SearchPage/SearchPage.tsx
@@ -21,6 +21,7 @@ import { getStemmedPositions } from "../../utils/getStemmedPositions";
 import LoadingRing from "../LoadingRing/LoadingRing";
 import { concatDocumentPath } from "../../utils/concatDocumentPath";
 import {
+  Mark,
   docsPluginIdForPreferredVersion,
   indexDocs,
   searchContextByPaths,
@@ -226,12 +227,19 @@ function SearchResultItem({
   if (!isTitle) {
     pathItems.push((page as SearchDocument).t);
   }
-  const hightLightWords = tokens.map(x=>"_highlight="+x).join("&");
+  let search = "";
+  if (Mark && tokens.length > 0) {
+    const params = new URLSearchParams();
+    for (const token of tokens) {
+      params.append("_highlight", token);
+    }
+    search = `?${params.toString()}`;
+  }
   return (
     <article className={styles.searchResultItem}>
       <h2>
         <Link
-          to={document.u + "?" + hightLightWords + (document.h || "")}
+          to={document.u + search + (document.h || "")}
           dangerouslySetInnerHTML={{
             __html: isContent
               ? highlight(articleTitle, tokens)