coderunner.js是一款支持47种编程语言代码实时运行器插件

coderunner.js 是一个多功能工具，旨在通过远程服务器运行多种编程语言的代码片段。它支持多种语言，并提供了一种简单的方法来执行代码并实时显示结果。

主要功能：

• 支持多种语言： 包括 Python、JavaScript、Java、C++、PHP 等47种编程语言。
• 可自定义选项： 允许自定义弹出层的大小、标题和附加目标。

如何使用 coderunner.js

1. 引入脚本：首先，在 HTML 文件中引入 coderunner.js 脚本。

<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/coderunner.js"></script>

2. 基本用法：要运行一个代码片段，可以使用 coderunner 函数，传递语言、代码和可选的配置设置。

   var lang = 'python';
   var code = 'print("Hello, world!")';
   var options = {
       width: '600px',
       height: '400px',
       title: '代码执行结果',
       showCloseButton: true,
       appendTo: document.body
   };
   
   coderunner(lang, code, options);

3. 函数参数：

   • lang：代码片段的编程语言。
   • code：要执行的代码片段。
   • options：一个可选的配置对象。可能的属性包括：
     • width：弹出层的宽度（默认值：'500px'）。
     • height：弹出层的高度（默认值：'400px'）。
     • title：显示在弹出层顶部的标题。
     • showCloseButton：是否显示关闭按钮的布尔值（默认值：true）。
     • appendTo：弹出层将被附加到的 DOM 元素（默认值：document.body）。

4. 自定义：通过传递适当的选项来自定义弹出层。例如，要创建一个没有关闭按钮并将其附加到特定元素的弹出层：

   var customOptions = {
       width: '700px',
       height: '500px',
       title: '自定义代码运行器',
       showCloseButton: false,
       appendTo: document.getElementById('custom-container')
   };
   
   coderunner('javascript', 'console.log("自定义弹出层");', customOptions);

5. 错误处理：coderunner.js 脚本包括对不支持的语言和网络问题的错误处理。如果指定的语言不被支持，将显示一个警告：

   coderunner('unsupportedLang', 'code', options); // 警告 "不支持unsupportedLang"

6. 样式和外观：该脚本自动注入弹出层的样式。如果弹出层已经存在，它将重用它，确保多个弹出层不会造成界面混乱。

coderunner.js 是一个功能强大且灵活的工具，可以运行多种编程语言的代码片段。它的可自定义弹出层和广泛的语言支持使其成为教育平台、代码沙箱和任何需要动态代码执行的应用程序的理想选择。通过引入和配置 coderunner.js，您可以快速将代码执行功能集成到您的 Web 项目中，结合大模型api可以实现类似claude artifact效果。