Popover preview should show relevant heading (#180)

jackyzha0 · Aug 21, 2022 · e38eaa9 · e38eaa9
1 parent a78926e
commit e38eaa9
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/assets/js/popover.js b/assets/js/popover.js
@@ -24,9 +24,16 @@ function initPopover(baseURL, useContextualBacklinks, renderLatex) {
         } else {
           const linkDest = content[li.dataset.src.replace(/\/$/g, "").replace(basePath, "")]
           if (linkDest) {
+            let splitLink = li.href.split("#")
+            let cleanedContent = removeMarkdown(linkDest.content)
+            if (splitLink.length > 1) {
+              let headingName = splitLink[1].replace(/\-/g, " ")
+              let headingIndex = cleanedContent.toLowerCase().indexOf("<b>" + headingName + "</b>")
+              cleanedContent = cleanedContent.substring(headingIndex, cleanedContent.length)
+            }
             const popoverElement = `<div class="popover">
     <h3>${linkDest.title}</h3>
-    <p>${removeMarkdown(linkDest.content).split(" ", 20).join(" ")}...</p>
+    <p>${cleanedContent.split(" ", 20).join(" ")}...</p>
     <p class="meta">${new Date(linkDest.lastmodified).toLocaleDateString()}</p>
 </div>`
             el = htmlToElement(popoverElement)