St.code syntax highlighting types

Bob_Chesterton · July 25, 2022, 12:08am

I’ve been using st.code for a while now and I’ve been trying to highlight C++ and C# code but I couldn’t find anywhere that tells you the languages that st.code supports. Could anyone tell me what languages the syntax highlighting supports and their keynames?

snehankekre · July 25, 2022, 6:04am

Hi @Bob_Chesterton, welcome to the Streamlit community!

That’s a really good question! st.code uses the react-syntax-highlighter NPM package for syntax highlighting. The list of available languages are available here (includes C but does not support C++ or C#):

github.com

react-syntax-highlighter/react-syntax-highlighter/blob/master/AVAILABLE_LANGUAGES_PRISM.MD

## Available `language` imports 
* abap
* abnf
* actionscript
* ada
* agda
* al
* antlr4
* apacheconf
* apex
* apl
* applescript
* aql
* arduino
* arff
* asciidoc
* asm6502
* asmatmel
* aspnet
* autohotkey

This file has been truncated. show original

A PR with a fix to the st.code docs is on its way:

github.com/streamlit/streamlit

List languages supported by st.code for syntax highlighting

streamlit:develop ← snehankekre:code-highlight-list

opened 06:55AM - 25 Jul 22 UTC

snehankekre

+6 -2

## 📚 Context The `st.code` [docstring](https://docs.streamlit.io/library/api-…reference/text/st.code) has a `language` parameter for syntax highlighting. The docs don't include a list of all supported languages. [CodeBlock.tsx](https://github.com/streamlit/streamlit/blob/develop/frontend/src/components/elements/CodeBlock/CodeBlock.tsx) uses the [react-syntax-highligher](https://www.npmjs.com/package/react-syntax-highlighter) NPM package for syntax highlighting and the available `language` imports are listed [here](https://github.com/react-syntax-highlighter/react-syntax-highlighter/blob/master/AVAILABLE_LANGUAGES_PRISM.MD). - What kind of change does this PR introduce? - [ ] Bugfix - [ ] Feature - [ ] Refactoring - [x] Other, please describe: Doc improvement request ## 🧠 Description of Changes - Added a [link](https://github.com/react-syntax-highlighter/react-syntax-highlighter/blob/master/AVAILABLE_LANGUAGES_PRISM.MD) in the st.code docstring to the list of all available language imports - Fixes reStructuredText inline code formatting in st.markdown docstring - [ ] This is a breaking API change - [x] This is a visible (user-facing) change **Revised:** ![image](https://user-images.githubusercontent.com/20672874/180715854-9db866e5-72e3-4577-bc53-f63f07d38471.png) **Current:** ![image](https://user-images.githubusercontent.com/20672874/180715935-890330f3-c59a-494b-82da-cae92fc8e5e0.png) ## 🧪 Testing Done - [x] Screenshots included - [ ] Added/Updated unit tests - [ ] Added/Updated e2e tests ## 🌐 References _Does this depend on other work, documents, or tickets?_ - **Issue**: Closes #5028 --- **Contribution License Agreement** By submitting this pull request you agree that all contributions to this project are made under the Apache 2.0 license.

system · July 25, 2023, 6:05am

This topic was automatically closed 365 days after the last reply. New replies are no longer allowed.

Topic		Replies	Views
Language list for st.code blocks? 🎈 Using Streamlit	3	599	August 2, 2023
C++ markdown syntax highlighting doesn't work 🎈 Using Streamlit	5	843	August 15, 2022
St.code with line numbers and line highlighting 🎈 Using Streamlit	2	457	August 22, 2023
Feature Enhancement: st.code supports collasible code segments 🎈 Using Streamlit	2	356	November 14, 2023
How to Add a Streamlit Editable Code Editor with Python Syntax Highlighting? 🧩 Custom Components components	7	3449	March 15, 2024

St.code syntax highlighting types

Related Topics

Hello there 👋🏻

Cookie settings

Strictly necessary cookies

Performance cookies

Functional cookies

Targeting cookies