[docs] Fix emojis/html being included in toc

mui · Apr 29, 2020 · 78c1654 · 78c1654
1 parent ed0f93e
commit 78c1654
Showing 1 changed file with 10 additions and 3 deletions.
diff --git a/docs/src/modules/utils/parseMarkdown.js b/docs/src/modules/utils/parseMarkdown.js
@@ -172,13 +172,20 @@ ${headers.components
 
         return render(content, {
           highlight: prism,
-          heading: (headingText, level) => {
+          heading: (headingHtml, level) => {
             // Small title. No need for an anchor.
             // It's reducing the risk of duplicated id and it's fewer elements in the DOM.
             if (level >= 4) {
-              return `<h${level}>${headingText}</h${level}>`;
+              return `<h${level}>${headingHtml}</h${level}>`;
             }
 
+            const headingText = headingHtml
+              .replace(
+                /([\uE000-\uF8FF]|\uD83C[\uDC00-\uDFFF]|\uD83D[\uDC00-\uDFFF]|[\u2011-\u26FF]|\uD83E[\uDD10-\uDDFF])/g,
+                '',
+              ) // remove emojis
+              .replace(/<\/?[^>]+(>|$)/g, '') // remove HTML
+              .trim();
             const hash = textToHash(headingText, headingHashes);
 
             /**
@@ -207,7 +214,7 @@ ${headers.components
             return [
               `<h${level}>`,
               `<a class="anchor-link" id="${hash}"></a>`,
-              headingText,
+              headingHtml,
               `<a class="anchor-link-style" aria-hidden="true" aria-label="anchor" href="#${hash}">`,
               '<svg><use xlink:href="#anchor-link-icon" /></svg>',
               '</a>',