: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 · GitHub 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 do…

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: https://git…

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

Development

話題		回覆	觀看
Add new highlightjs languages Support	1	246	2025年五月13日
Configure which programming languages are available for syntax highlighting Site Management how-to , customization	6	2910	2024年八月26日
Syntax highlighting support for additional languages Feature	2	1222	2021年三月3日
Install a new language for Highlight.JS via a theme component Developer Guides how-to , theme-guides	0	671	2019年一月3日
:cn: Code syntax highlighting 代码的语法高亮 Administrators chinese-translation , content	0	972	2022年十一月13日

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

相關主題