Redocly/redoc
1
1
Fork 0
mirror of https://github.com/Redocly/redoc.git synced 2024-11-11 03:16:48 +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 {
title?: string;
id: string;
slug?: string;
content?: string;
children?: StringMap<MarkdownHeading>;
}
@ -52,12 +53,14 @@ export class MdRenderer {
}
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}`;
parent.children = parent.children || {};
parent.children[id] = {
title,
id
id,
slug
};
return parent.children[id];
}
@ -110,12 +113,14 @@ export class MdRenderer {
this.currentTopHeading = this.saveHeading(content);;
let id = this.currentTopHeading.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 ) {
let heading = this.saveHeading(content, this.currentTopHeading);
let contentSlug = `${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>`;
}
}
}