feat: make toc works

phodal · Mar 13, 2020 · d4a12ef · d4a12ef
1 parent 550e889
commit d4a12ef
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/src/app/shared/components/markdown-render/markdown-render.component.html b/src/app/shared/components/markdown-render/markdown-render.component.html
@@ -1,4 +1,4 @@
-<!--<div class="toc" #toc></div>-->
+<div class="toc" #toc></div>
 <markdown
   class="markdown"
   [src]="src"

diff --git a/src/app/shared/components/markdown-render/markdown-render.component.ts b/src/app/shared/components/markdown-render/markdown-render.component.ts
@@ -101,9 +101,10 @@ export class MarkdownRenderComponent implements OnInit, OnChanges {
 
   private renderHeading(options: any) {
     return (text: string, level: number, raw: string, slugger: Slugger) => {
-      this.tocify.add(text, level, '', slugger.slug(raw));
+      const anchor = slugger.slug(raw);
+      this.tocify.add(text, level, '', anchor);
       if (options.headerIds) {
-        return '<h' + level + ' id="' + options.headerPrefix + slugger.slug(raw) + '">' + text + '</h' + level + '>\n';
+        return '<h' + level + ' id="' + options.headerPrefix + anchor + '">' + text + '</h' + level + '>\n';
       }
       return '<h' + level + '>' + text + '</h' + level + '>\n';
     };