Menu Close

怎样把在线编译器嵌入网站 ?

如何将 JDoodle 编译器添加到网站中?

使用 JDoodle 编译器,我们可以用 C、C++、Java 和更多编程语言编写我们的代码,然后我们可以通过提供标准输入,在我们的网页中嵌入并轻松运行该程序,我们还可以提供命令行参数。

要遵循的步骤:

第一步:打开JDoodle.com网站并登录,如果您没有账号则必须先注册。

第 二 步:选择任何一种编程语言,编写代码并保存。 单击可编辑共享并复制嵌入 URL。

第 三 步:在您的网站页面上插入 div 和 script 标签,如下所示:

下面的代码将创建一个项目并将编译器嵌入到一个网站页面中。

<div data-pym-src="paste copied URL here."></div>

下面的代码将包含来自 JDoodle 的 JavaScript 代码。 在网站页面底部包含以下代码。

<script src=”https://www.jdoodle.com/assets/jdoodle-pym.min.js” type=”text/javascript”></script>

示例:以下是嵌入 C++ 编译器的示例。

<!DOCTYPE html>
<html>
  
<head>
    <title>
        Embedding an online compiler 
        into a website
    </title>
</head>
  
<body>
    <!-- It will create a division for 
        compiler and embed that into 
        web page-->
    <div data-pym-src=
"https://www.jdoodle.com/embed/v0/2IhG?stdin=1&arg=0">
    </div>
  
    <!-- This script tag contains the 
        javascript code in the written URL -->
    <script src=
"https://www.jdoodle.com/assets/jdoodle-pym.min.js"
        type="text/javascript">
    </script>
</body>
  
</html>

注意:我们还可以通过将 ?stdin=0&arg=0 放在 <div> 标签中的 URL 末尾来隐藏 stdin 输入和命令行参数。 这里,stdin=0 是隐藏标准输入,arg=0 是隐藏命令行参数。 为了启用它,只需将“0”更改为“1”。

除教程外,本网站大部分文章来自互联网,如果有内容冒犯到你,请联系我们删除!

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注

Leave the field below empty!

Posted in 互联网

Related Posts