Calling a javascript function from python code?

I’m trying to embed the Ace Editor in my application. https://ace.c9.io/#nav=embedding

with the following script in head_html, I just need to call the create_editor and destroy_editor functions with the appropriate strings.

Is there a way to invoke a JS function from the python backend?

<script src="/static/ace-builds/src-noconflict/ace.js" type="text/javascript" charset="utf-8"></script>
<script>
    window.all_editors = {};
    function create_editor(element_id) {
        var editor = ace.edit(element_id);
        editor.setTheme("ace/theme/monokai");
        editor.session.setMode("ace/mode/markdown");
        window.all_editors[element_id] = editor;
    }
    function destroy_editor(element_id) {
        window.all_editors[element_id].destroy();
        delete window.all_editors[element_id];
    }
</script>

[elimintz]

So this enhancement was very simple to implementand I added it to version 0.0.8 (coming out Monday).

I added a method to the WebPage class called run_javascript. It accepts as an argument a string with JS code.

This is the test example:

import justpy as jp

async def my_click(self, msg):
    await msg.page.run_javascript("""
    for (var i = 0; i<10; i++) {
        console.log('Line: ' + i);
        }
    """)

def javascript_test():
    wp = jp.WebPage()
    d = jp.Div(a=wp, classes='m-2')
    b = jp.Button(text='Run Script', a=d, classes=jp.Styles.button_simple, click=my_click)
    return wp

jp.justpy(javascript_test)

[elimintz]

If you are building a custom element, then you can use the Vue life cycle hooks such as mounted.