How to Add a Streamlit Editable Code Editor with Python Syntax Highlighting?

[bouzidanas]

I would recommend streamlit-code-editor if the look you are going for is like st.code but editable (so not exactly like st.text_area). By default, the code editor will return a response when the user presses Ctrl+Enter just like st.text_area.

Here is the current repo where you will find installation instructions and more:

GitHub - bouzidanas/streamlit-code-editor: A code editor component for...

Another option that hasnt been mentioned yet is the Monaco editor:

Using Visual Studio Code editor as component

I wrapped the Monaco editor (the one from Visual Studio Code) in a Streamlit component. [demo] Source: GitHub - marcusschiesser/streamlit-monaco: Monaco editor (Visual Studio Code) for Streamlit Demo: https://vs-code.streamlit.app/ PyPi: streamlit-monaco · PyPI Example: from streamlit_monaco import st_monaco import streamlit as st st.title("Streamlit Markdown Editor") content = st_monaco(value="# Hello world", height="600px", language="markdown") if st.button("Show editor's content"): …