如何使用 Brython 创建一个简单的 python 代码运行器

Question

我正在创建简单的代码编辑器，它可以运行 python 编码并显示输出和错误消息。目前我能够运行一个 python 代码，但问题是输出显示在开发人员工具的控制台中。我想将输出和错误消息发送到 DOM 元素或作为字符串传递给 JS 脚本

<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>

这是我的代码。 'code' 是用来输入代码的文本框的id。 'run' 是运行按钮的 ID。我想将输出输出到另一个文本框或作为我的 js 脚本的字符串，而不是在开发人员工具的控制台中显示

Answer 1

试一试：

<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>

Answer 2

使用brython-runner。您可以运行 Python 在字符串中编写代码并使用自定义回调函数处理标准输出和错误。它运行是网络工作者中带有 Brython 实例的代码。

<script src="https://cdn.jsdelivr.net/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>

免责声明：我是该模块的作者。 ;)

如何使用 Brython 创建一个简单的 python 代码运行器

How to create a simple python code runner with Brython

javascript

python

html

editor

brython