Dash Monaco Editor component Released

Dash Python
1

Hi,

Pleased to announce that I have developed dash-monaco-editor python package which can enable us to use Monaco Editor directly inside plotly dash application. I just released the initial version and in future I will integrate more features and work on documentations. Please let me know your feedback :slight_smile:

PYPI Link : dash-monaco-editor · PyPI
NPM Link : dash_monaco_editor - npm

The package can be install using pip : pip install dash-monaco-editor

Basic usage in dash and callbacks,

import dash_monaco_editor
from dash import Dash, callback, html, Input, Output

app = Dash(__name__)

app.layout = html.Div([
    dash_monaco_editor.DashMonacoEditor(
        id="input",
        height='90vh',
        language='python',
        value='##some comment',
        theme="vs-dark"
    ),
    html.Div(id='output')
])


@callback(Output('output', 'children'), Input('input', 'value'))
def display_output(value):
    return 'You have entered {}'.format(value)


if __name__ == '__main__':
    app.run_server(debug=True)

Github Link : GitHub - siddharthajuprod07/dash-monaco-editor

2 Likes