[cangel]

Hi there,

One of the built-in features that I really like for Publii is the Markdown editor. I ended up purchasing the ProDocs theme because it seemed especially suited for code-type blogging.

I noticed that you can enable line numbers, but when using the MD editor, it seems those stay absent and the `line-numbers` class doesn’t get added to the `pre`

Is there a workaround for this, even if a bit hackish?

Thanks

[cangel]

I got it… I guess.

I had to modify the `footer.hbs` file where the `syntaxHighlighterLineNumbers` is checked. I ended up adding this so that it searches for any code tags, grabs the parent tag, and appends the `line-numbers` class before prism line-numbers initializes:

{{#checkIfAll @config.custom.syntaxHighlighter @config.custom.syntaxHighlighterLineNumbers}}
<script>
var code_snippets = document.querySelectorAll('code');

for (var i = 0; i < code_snippets.length; i++) {
code_snippets.parentElement.classList.add('line-numbers');
}
</script>
<script defer src="{{js "prism-line-numbers.min.js"}}"></script>
{{/checkIfAll}}

This could be specific to the ProDocs theme. I’ve only used that one so far. But for now it works. Your mileage my vary…

[Author]

Posts