Skip to content

Instantly share code, notes, and snippets.

@patrickfav
Last active May 27, 2023 16:07
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save patrickfav/0ca9cae68a3e363f87755e1d87fd6160 to your computer and use it in GitHub Desktop.
Save patrickfav/0ca9cae68a3e363f87755e1d87fd6160 to your computer and use it in GitHub Desktop.
A Turndown Plugin parsing Stack Overflow HTML answers; converts it to GitHub-Flavored-Markdown (GFM) with correct language. Turndown is a JS Markdown Parser
import TurndownService from "turndown";
export const stackOverflowHighlightedCodeBlock = function (service: TurndownService): void {
const highlightRegExp = /lang-([a-z0-9]+)/
service.addRule('stackOverflowHighlightedCodeBlock', {
filter: function (node: HTMLElement, options: Options): boolean | null {
const firstChild = node.firstChild
return (
node.nodeName === 'PRE' &&
firstChild &&
firstChild.nodeName === 'CODE'
)
} as Filter,
replacement: function (content: string, node: HTMLElement, options: Options): string {
const className = node.className || ''
const matches = (className.match(highlightRegExp) || [null, ''])
return (
`\n\n${options.fence}${matches.length > 0 ? matches[1] : ''}\n` +
`${deEscape(node.firstChild!.textContent!)}` +
`\n${options.fence}\n\n`
)
} as ReplacementFunction
})
} as TurndownService.Plugin
import TurndownService from "turndown";
describe('stackOverflowHighlightedCodeBlock', () => {
it('should correctly format a code block with a language', () => {
const turndownService = new TurndownService();
stackOverflowHighlightedCodeBlock(turndownService);
const html = `
<pre class="lang-javascript"><code>const a = 10;
console.log(a);</code></pre>
`;
const expectedResult = `
\`\`\`javascript
const a = 10;
console.log(a);
\`\`\`
`;
const markdown = turndownService.turndown(html).trim();
expect(markdown).toBe(expectedResult.trim());
});
it('should correctly format a code block without a language', () => {
const turndownService = new TurndownService();
stackOverflowHighlightedCodeBlock(turndownService);
const html = `
<pre><code>const a = 10;
console.log(a);</code></pre>
`;
const expectedResult = `
\`\`\`
const a = 10;
console.log(a);
\`\`\`
`;
const markdown = turndownService.turndown(html).trim();
expect(markdown).toBe(expectedResult.trim());
});
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment