Skip to main content

React-ace editor customized for Streamlit

Project description

streamlit code editor Version Downloads

A code editor component for streamlit.io apps, built on top of react-ace, with custom themes and customizable interface elements.

Installation

Install streamlit-code-editor with pip:

pip install streamlit_code_editor

Alternatively, you can download the source from the download page and after unzipping, install with:

python setup.py install

(make sure you are in the same directory as 'setup.py' in the unzipped folder).

Usage

To add a Code Editor to Streamlit python app, import code_editor and then call the code_editor function with the code you want to edit (as a string):

import streamlit as st
from code_editor import code_editor

response_dict = code_editor(your_code_string)

Without specifying a language, the editor will default to python. You can also specify a language with the lang argument:

# The default value for the lang argument is "python"
response_dict = code_editor(your_code_string, lang="javascript")

By default, each code editor is styled like streamlit's code component. We will go over how to customize the styling in a later section.

Docs

Component Guide guide

Demo

Component Demo

demo

Project details


Download files

Download the file for your platform. If you're not sure which to choose, learn more about installing packages.

Source Distribution

streamlit-code-editor-0.1.10.tar.gz (3.6 MB view hashes)

Uploaded Source

Built Distribution

streamlit_code_editor-0.1.10-py3-none-any.whl (3.8 MB view hashes)

Uploaded Python 3

Supported by

AWS AWS Cloud computing and Security Sponsor Datadog Datadog Monitoring Fastly Fastly CDN Google Google Download Analytics Microsoft Microsoft PSF Sponsor Pingdom Pingdom Monitoring Sentry Sentry Error logging StatusPage StatusPage Status page