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

[Franky1]

At least these are known to me, maybe there are even more.

Ace Editor

Hello Here’s a new component showcase, featuring Ace editor, and more specifically its react wrapper. The instruction to install and test it can be found in my repository: [Demo] The initial version of this component featured a more generic implementation which forwarded python arguments to the react-ace component, and returned values on chosen events. It wasn’t a very clean way to handle things, and more a way to experiment with the new component API. I decided to keep this versi…

New Component: streamlit-code-editor, a react-ace code editor customized to fit with streamlit with some extra goodies added on top

Hi, I have created a code editor component based on react-ace but whose appearance is customized to fit with Streamlit’s look. I also added the ability/option to add a customizable info bar, menu bar, and customizable buttons. I am relatively new to Streamlit and was well into this project when I learned of the already existing Ace Editor component (okld’s Ace Editor). However, I believe there are enough differences and additions to warrant sharing. Warning: This project started as mostly an …