Ah, another beautiful spring morning in Helsinki. The birds are singing, the drunks are leaving the bars, and I have given myself 30 minutes to write an appallingly ugly hack to get fenced code tabs working in mkdocs material. I made this hack because there seem to be several people that and yet no one has stepped up to do anything about it. The hack is provisional — I’m sure there are 100s of cleaner ways to do it, but this gets the job done! really need the feature First, I grabbed , which more or less works in several mkdocs themes but fails in mkdocs material. [markdown-fenced-code-tabs](https://github.com/yacir/markdown-fenced-code-tabs) Scouring the internet for how to fix this, I found a promising lead on . So the CSS styling works, but when one clicks on the tabs, nothing happens. Digging into the HTML, I realized that all of the stuff doesn’t work for reasons beyond my understanding. this GitHub issue aria Nothing that a quick JavaScript hack can’t fix… First, in your , add: mkdocs.yml extra_javascript: javascript/tabhack.js Then, swallow your pride and include: And there you go! Fun times, fun times…

Too Long; Didn't Read

In your car, at home, or at work — Bosch technology shapes many areas of life.

Fenced code tabs in mkdocs material

Too Long; Didn't Read

Meeshkan ML

About Author

TOPICS

THIS ARTICLE WAS FEATURED IN...

Fenced code tabs in mkdocs material

Too Long; Didn't Read

Meeshkan ML

About Author

TOPICS

THIS ARTICLE WAS FEATURED IN...

RELATED STORIES