Async highlighting

[rayshan]

Hi, is there a way to know when highlighting is finished? Would be awesome to have ability to take a callback, so it'll work nicely with something like marked markdown parser:
https://github.com/chjj/marked

[isagalaev]

You can do it by calling initHighlighting() instead of initHighlightingOnLoad() (the latter simply assigns the former to a page load event). Since initHighligting() is synchronous, you can call your code right after calling it:

$(document).ready(function() {
  hljs.initHighlighting();
  // post highlighting code
});

[isagalaev]

I looked at "marked" and realized that you were probably looking for a node.js specific answer though you didn't mention it :-). And there's actually a whole section on using highlight.js in marked readme: https://github.com/chjj/marked#highlight

[rayshan]

Thanks Ivan. I actually am using marked with angularjs for the front-end. I did read that section on marked's readme, however the async implementation is with pygmentize-bundled, and I like highlight.js :)

I think what you said about initHighlighting() will work. I'll wrap that in angularjs's $q and report back.

[michellehwang]

Is there a way to call the function after all the other scripts have loaded? I import html into my page and I would, ideally, like to highlight the code after all of the html has been loaded in. I tried using the async call at the very bottom of my code, but it only seems to highlight for the code that was initially on the page.

EDIT: I hacked my way around this by leaving a empty in my html and writing some JS to insert the code from the highlight.js usage. It kinda works non-deterministically though..

[marceloboeira]

+1

[isagalaev]

OK, I'm not really sure why the issue is still open. The original question seems to be resolved by my answer. Please direct other question into our discussion group.

[sethidden]

<script async src="//cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.0.0-beta1/build/highlight.min.js"></script>
<script>window.addEventListener('load', () => hljs.highlightAll());</script>

[joshgoebel]

This just loads the library async, that has nothing to do with the topic of this thread.