: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

開発

david (David Taylor) このトピックを分割しました: 2024 年 1 月 22 日午前 10:21 7

投稿が新しいトピックに分割されました：Highlight.JSにテーマコンポーネント経由で新しい言語をインストールする

トピック		返信	表示
Add new highlightjs languages Support	2	125	2025 年 5 月 13 日
Configure which programming languages are available for syntax highlighting Site Management how-to , customization	6	2612	2024 年 8 月 26 日
Syntax highlighting support for additional languages Feature	2	1180	2021 年 3 月 3 日
Install a new language for Highlight.JS via a theme component Developer Guides how-to , theme-guides	0	554	2019 年 1 月 3 日
:cn: Code syntax highlighting 代码的语法高亮 Administrators chinese-translation , content	0	889	2022 年 11 月 13 日

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

関連トピック