javascript - How to create a simple python code runner with Brython

I'm creating simple code editor which can run python code in & show the output & error messages. Currently I'm able to run a python code but the problem is the output is showing in the developer tools' console. I want to get that output & error messages to DOM element or pass as a string to a JS script

<script type="text/python">
from browser import document, window 
import tb as traceback

def run(event): 
    
    try: 
        exec(document['code'].value) 
    except Exception:
        print(traceback.format_exc()) 

document['run'].bind('click',run)

</script>

This is my code. 'code' is the id of text box which use to enter the code. 'run' is the id of run button. I want to get the output to a another text box or get as a string to my js script instead of displaying in developer tools' console

<script type="text/python">
from browser import document, window 
import tb as traceback

def run(event): 
    
    try: 
        exec(document['code'].value) 
    except Exception:
        print(traceback.format_exc()) 

document['run'].bind('click',run)

</script>

Share Improve this question asked Sep 27, 2020 at 11:25 Chamod 7872 gold badges7 silver badges22 bronze badges

Add a ment |

2 Answers 2

Sorted by: Reset to default 7

Use brython-runner. You can run Python code in a string and handle standard output and error with custom callback functions. It runs the code with a Brython instance in the web worker.

<script src="https://cdn.jsdelivr/gh/pythonpad/brython-runner/lib/brython-runner.bundle.js"></script>
<script>
const runner = new BrythonRunner({
    stdout: {
        write(content) {
            // Show output messages here.
            console.log('StdOut: ' + content);
        },
        flush() {},
    },
    stderr: {
        write(content) {
            // Show error messages here.
            console.error('StdErr: ' + content);
        },
        flush() {},
    },
    stdin: {
        async readline() {
            var userInput = prompt();
            console.log('Received StdIn: ' + userInput);
            return userInput;
        },
    }
});
runner.runCode('print("hello world")');
</script>

Disclaimer: I'm the author of this module. ;)

try it:

<body onload="brython()">

<script type="text/python">

from browser import document, window 
import traceback

def run(event): 
    try: 
        exec(document['code'].value) 
    except Exception:
        error_message=traceback.format_exc()
        document['error_message_textarea'].value=error_message

document['run'].bind('click',run)
</script>

<input id='code' value='print(123+"OK")'></input>
<button id='run'>
    RUN
</button>
<br>
<textarea id='error_message_textarea' style='color:red;width: 300px; height: 300px;'></textarea>


</body>

科技改变生活-雨落星辰 - 所有的伟大,都源于一个勇敢的开始

javascript - How to create a simple python code runner with Brython - Stack Overflow

2 Answers 2

与本文相关的文章

评论列表(0)