document highlight not working

[troy351]

Information:

• Prism version: 1.21.0
• Plugins: 'none'
• Environment: Chrome 85

Description
According to #1541 , @param in jsdoc should be highlighted, but it's not.

Example

https://codepen.io/troy351/pen/rNeZErz

[troy351]

fixed by adding two languages <code class="language-js language-jsdoc">, is this the right way to do it?

[RunDevelopment]

Since you're using Autoloader, you have to use the data-dependencies attribute: <pre class="language-js" data-dependencies="jsdoc"><code>...</code></pre>

Specifying multiple language-xxxx classes causes undefined behavior AFAIK. No idea why it worked in your example but it's not intentional.

[troy351]

Thanks for the explanation. Does this feature in the docs?
I have another question, if I use prism.highlight, how to add jsdoc support?

[RunDevelopment]

if I use prism.highlight, how to add jsdoc support?

JSDoc will add itself to JavaScript as soon as it is loaded. This means you just have to ensure that both JS and JSDoc are loaded. (This is all data-dependencies does actually. It ensures that these languages are loaded before highlighting the code block.)

Please keep in mind that load order is important, so please don't load languages by their files directly. Always use either Autoloader, loadLanguages, or our babel plugin.

Does this feature in the docs?

I'm not sure what you mean by that.

[troy351]

Thanks again, I'll try that.