:warning: This method doesn’t work any more. See This method no longer works. Please see Install a new language for Highlight.JS via a theme component instead. ▶ Original Post

Ideally I would prefer simply to upgrade highlight and make the brand new languages an option. This hack is very very very hacky.

Me too! :smiley: Unfortunately this is not under my control. I was wandering… Discourse’s HLJS plugin already allow some customization on init. Maybe it would be useful to not limit this customization to languages. Maybe passing an object that would be merged with the config object could do this tr…

How do you indiciate which syntax highlighter to use when you insert code into a post?

AFAIK HighlightJS uses the first language that match. However, every language has a “registration name”. hljs.registerLanguage("beancount",function(e){...}) So if you want to explicitly define the language, inform the name after the triple ```. ``` python Some code ```

Thanks - I had seen the registration name but it wasn’t clear how to specify that name when posting code.

I came across this article while looking into how to add support for Chapel syntax highlighting on our Chapel Language Discourse site using a third-party highlight.js extension for Chapel. In @pmusaraj ’s example above, I understand how I would update it to replace beancount with chapel. But I’m suf…

You’d create a new theme component under Admin > Customize > Themes, then paste that code in the </head> section. From there modify and tweak as needed. More information: Beginner’s guide to using Discourse Themes Developer’s guide to Discourse Themes

Thanks @justin , this is exactly what I was missing (and I would’ve never gotten there myself before giving up)! Our Discourse now renders Chapel properly (or, at least, as properly as my highlight.js script does, which is a great start…). A few things that remained unclear to me even after some t…

I created new syntax highlighting for Jai: GitHub - Jai-Community/discourse-highlightjs-jai: Discourse theme component to highlight Jai syntax However, when I install it and enter the theme preview mode, and then create a new topic and add some code, like this: ```jai #run {} ``` … it does detect…

Turns out Discourse is using the previous major version of Highlight.js, which is incompatible with the current one. So I had to fix my language definition, and it worked like a charm. For anyone interested in a complete Theme Component repo example for syntax highlighting, here it is: […

(old) method for adding languages to highlight.js on Discourse

Dev

david (David Taylor) Split this topic January 22, 2024, 10:21am 7

A post was split to a new topic: Install a new language for Highlight.JS via a theme component

Topic		Replies	Views
Add new highlightjs languages Support	2	112	May 13, 2025
Configure which programming languages are available for syntax highlighting Site Management how-to , customization	6	2593	August 26, 2024
Syntax highlighting support for additional languages Feature	2	1174	March 3, 2021
Install a new language for Highlight.JS via a theme component Developer Guides how-to , theme-guides	0	549	January 3, 2019
:cn: Code syntax highlighting 代码的语法高亮 Administrators chinese-translation , content	0	879	November 13, 2022

(old) method for adding languages to highlight.js on Discourse

Related topics