Code Language Display

Littlegolden

Show the language code at the top right of the code block.

therealsujitk

I believe this is a plugin in Prism called 'Show Language'. It looks different compared to this but maybe it's customisable.

tankerkiller125

therealsujitk Prism does have this feature, however Flarum uses the built in TextFormatter syntax highlighting which uses highlightjs which does not have this feature. Not to discourage though as I'm sure someone who is much smarter than me in the frontend will figure out how to make a feature like this.

therealsujitk

tankerkiller125 flarum forums do use highlight.js but I believe the documentation uses prism.js because the theme looks very similar to prism's 'Tomorrow Night' theme. Here's the plugin I was talking about: Show Language.

therealsujitk

tankerkiller125 I'm sure someone who is much smarter than me in the frontend will figure out how to make a feature like this.

I have seen this feature on other websites, I just don't remember where. I'm pretty sure it either comes with or is a plugin of some syntax highlighter. (My guess is prism.js)

Littlegolden

therealsujitk The screenshoot is Vuepress Document website, guys you can go and see what exactly vuepress uses.

tankerkiller125

Littlegolden therealsujitk Correct VuePress does use Prism, as this is in the Feedback/Features tag I just wanted to point out that Flarum is a little different and would probably require a different solution.

therealsujitk

Littlegolden Wow this looks exactly like the Flarum documentation. Maybe it comes with some kind of website builder theme?