Merge pull request #164 from eecs485staff/italic-headings

Retain most HTML elements in heading label in Table of Contents

index.md

@@ -62,7 +62,7 @@ graph TB
 # Setup
 Follow these steps to get your development environment set up.
 
-### Install the dependencies
+### **_Install_** the dependencies
 First make sure that you have Python 3 installed. If you're on MacOS, you may have to `brew install python3` first.
 
 ```console

src_js/components/sidebar/TableOfContents.tsx

@@ -187,6 +187,20 @@ function getHeadingLabel(headingNode: HTMLElement): h.JSX.Element {
             );
           } else if (childNode.tagName === 'ABBR') {
             labelComponents.push(<Fragment>{childNode.innerText}</Fragment>);
+          } else if (
+            childNode.tagName === 'A' &&
+            childNode.classList.contains('anchorjs-link')
+          ) {
+            // Skip the AnchorJS link
+            return;
+          } else {
+            // Retain any other HTML elements
+            labelComponents.push(
+              <span
+                // eslint-disable-next-line react/no-danger
+                dangerouslySetInnerHTML={{ __html: childNode.outerHTML }}
+              />,
+            );
           }
           break;
       }