Adding line numbers and line highlighting plugins

[lask79]

Hi,

is it possible you also integrate the line number and line highlighting plugins?

Regards
Lasse

[thom4parisot]

You mean the prism plugins?

Can I find them on the prism website or do you think of something else?

Also, if you have a picture of what you expect to see when both plugins are enabled, feel free to share it so as I can ensure I do things properly.

Thanks for raising this issue 👍

[thom4parisot]

I guess you refer to:

• https://github.com/PrismJS/prism/tree/master/plugins/line-highlight
• https://github.com/PrismJS/prism/tree/master/plugins/line-numbers

They are not CommonJS nor ESM modules so it will require some tooling to integrate them with this Asciidoctor plugin.

One thing I'm not sure too, is how to match the line numbers of partially included files. I still need to figure that out.

[thom4parisot]

After investigation with @Mogztter, we found out there are 2 ways of doing things:

• exposing the assets on the client-side as some operations are performed in the DOM (they add new divs etc.)
• mimicking the DOM structure on the server-side (client-side is JavaScript-less but the logic has to be reimplemented)

@lask79 what do you think?

[lask79]

What do you prefer? What would be the easiest solution for you and usable for others?

Regards
Lasse

[wouter-veeken]

Any progress on this? Would love to see this implemented 👍

[snowe2010]

I also am coming here for this. I'm using antora and apparently can't use the built in syntax highlighters to support line highlighting, so need to find an alternative. Prism looks perfect, but this is the only reason for me to switch libraries.