Redocly/redoc
1
1
Fork 0
mirror of https://github.com/Redocly/redoc.git synced 2025-02-07 13:30:33 +03:00
Code Issues Packages Projects Releases Wiki Activity

feat: add GH-like anchors to h1 and h2 headings in md

Browse Source
This commit is contained in:
Roman Hotsiy 2017-04-23 15:23:20 +03:00
parent 476d6c44fe
commit bb3667d5d6
No known key found for this signature in database
GPG Key ID: 5CB7B3ACABA57CB0
1 changed files with 9 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
lib/utils/md-renderer.ts
View File

@ -23,6 +23,7 @@ const md = new Remarkable({
export interface MarkdownHeading { export interface MarkdownHeading {
title?: string; title?: string;
id: string; id: string;
slug?: string;
content?: string; content?: string;
children?: StringMap<MarkdownHeading>; children?: StringMap<MarkdownHeading>;
} }
@ -52,12 +53,14 @@ export class MdRenderer {
} }
saveHeading(title: string, parent:MarkdownHeading = {id:null, children: this.headings}) :MarkdownHeading { saveHeading(title: string, parent:MarkdownHeading = {id:null, children: this.headings}) :MarkdownHeading {
let id = slugify(title); let slug = slugify(title);
let id = slug;
if (parent && parent.id) id = `${parent.id}/${id}`; if (parent && parent.id) id = `${parent.id}/${id}`;
parent.children = parent.children || {}; parent.children = parent.children || {};
parent.children[id] = { parent.children[id] = {
title, title,
id id,
slug
}; };
return parent.children[id]; return parent.children[id];
} }
@ -110,12 +113,14 @@ export class MdRenderer {
this.currentTopHeading = this.saveHeading(content);; this.currentTopHeading = this.saveHeading(content);;
let id = this.currentTopHeading.id; let id = this.currentTopHeading.id;
return `<h${tokens[idx].hLevel} section="section/${id}">` + return `<h${tokens[idx].hLevel} section="section/${id}">` +
`<a class="share-link" href="#section/${id}"></a>`; `<a class="share-link" href="#section/${id}"></a>` +
`<a name="${id.toLowerCase()}"></a>`;
} else if (tokens[idx].hLevel === 2 ) { } else if (tokens[idx].hLevel === 2 ) {
let heading = this.saveHeading(content, this.currentTopHeading); let heading = this.saveHeading(content, this.currentTopHeading);
let contentSlug = `${heading.id}`; let contentSlug = `${heading.id}`;
return `<h${tokens[idx].hLevel} section="section/${heading.id}">` + return `<h${tokens[idx].hLevel} section="section/${heading.id}">` +
`<a class="share-link" href="#section/${contentSlug}"></a>`; `<a class="share-link" href="#section/${contentSlug}"></a>` +
`<a name="${heading.slug.toLowerCase()}"></a>`;
} }
} }
} }