如何将我的问题代码阻止到 snippset?
How to block my question code to snippset?
我不知道这个主题可以在这里上传。
如何使用 snippset
附加我的代码?
当我写问题时,其他人使用 snippset 编辑我的问题。
每次别人编辑我的问题我都非常抱歉,所以我要自己用代码片段来问。
// ```c++
#include <iostream>
using namespace std;
int main(int argc, char** argv) {
cout << "This is what I know to make code-block" << endl;
}
// ```
如何使用 运行 片段集附加我的代码?
代码片段功能仅适用于 HTML、CSS 和 JavaScript。这是因为这些语言 运行 直接在您的浏览器上,在一个单独的沙箱中。因此,事后看来,您不能对 C++ 代码执行此操作。
但是,如果您想添加片段,可以按 Ctrl + M 或单击工具栏上的片段按钮。你可以在那里写你的代码,它看起来像这样:
function demo() {
var a = Number(document.getElementById("A").value);
var b = Number(document.getElementById("B").value);
var sum = a + b;
document.getElementById("sum").innerHTML = sum;
}
body {
background-color: #1B1B1B;
color: #E5E3E5;
font-family: monospace;
}
.content {
width: fit-content;
/* margin-left: auto; */
/* margin-right: auto; */
}
.inputDiv {
display: block;
}
input {
background-color: #E5E3E5;
border-collapse: collapse;
border-radius: 10px;
outline: none;
margin: 2px 20px;
}
input:hover {
border: solid #566524;
}
input:active,
input:focus {
border: solid #90AF2D;
}
.do {
border: none;
padding: 1px 15px;
float: right;
}
.do:hover {
opacity: 80%;
border: none;
}
.do:focus {
outline: none;
box-shadow: none;
border: none;
}
#sum {
display: block;
text-align: center;
font-size: 18px;
}
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<h1>Simple HTML, CSS, JS</h1>
<div class="content">
<div class="inputDiv">
<label for="A">A</label>
<input type="number" name="A" id="A">
</div>
<div class="inputDiv">
<label for="B">B</label>
<input type="number" name="B" id="B">
</div>
<input type="button" class="do" value="Add" onclick="demo()">
<div>
<h2>
Sum
</h2>
<label id="sum"></label>
</div>
</div>
</body>
</html>
您可以将代码复制到在线 compiler/IDE 并共享 link。嵌入该代码片段的问题,即使像 trinket.io does for python or in a script
like onlinegdb.com 那样 运行nable iframe
,它们本质上是加载外部不受控制的数据的外部源,并且也容易迷失在时间中,将来无法使用。所以 StackExchange 本身并不真正允许它们。
如果您坚持,您可以在同一个 运行nable 块中使用这些片段,如下所示:
<script src="//onlinegdb.com/embed/js/rJlgvcqWHu?theme=dark"></script>
但充其量还是有问题。有些用户会犹豫是否点击外部 link,有些用户的浏览器甚至可能会阻止它们。
我不知道这个主题可以在这里上传。
如何使用 snippset
附加我的代码?
当我写问题时,其他人使用 snippset 编辑我的问题。
每次别人编辑我的问题我都非常抱歉,所以我要自己用代码片段来问。
// ```c++
#include <iostream>
using namespace std;
int main(int argc, char** argv) {
cout << "This is what I know to make code-block" << endl;
}
// ```
如何使用 运行 片段集附加我的代码?
代码片段功能仅适用于 HTML、CSS 和 JavaScript。这是因为这些语言 运行 直接在您的浏览器上,在一个单独的沙箱中。因此,事后看来,您不能对 C++ 代码执行此操作。
但是,如果您想添加片段,可以按 Ctrl + M 或单击工具栏上的片段按钮。你可以在那里写你的代码,它看起来像这样:
function demo() {
var a = Number(document.getElementById("A").value);
var b = Number(document.getElementById("B").value);
var sum = a + b;
document.getElementById("sum").innerHTML = sum;
}
body {
background-color: #1B1B1B;
color: #E5E3E5;
font-family: monospace;
}
.content {
width: fit-content;
/* margin-left: auto; */
/* margin-right: auto; */
}
.inputDiv {
display: block;
}
input {
background-color: #E5E3E5;
border-collapse: collapse;
border-radius: 10px;
outline: none;
margin: 2px 20px;
}
input:hover {
border: solid #566524;
}
input:active,
input:focus {
border: solid #90AF2D;
}
.do {
border: none;
padding: 1px 15px;
float: right;
}
.do:hover {
opacity: 80%;
border: none;
}
.do:focus {
outline: none;
box-shadow: none;
border: none;
}
#sum {
display: block;
text-align: center;
font-size: 18px;
}
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<h1>Simple HTML, CSS, JS</h1>
<div class="content">
<div class="inputDiv">
<label for="A">A</label>
<input type="number" name="A" id="A">
</div>
<div class="inputDiv">
<label for="B">B</label>
<input type="number" name="B" id="B">
</div>
<input type="button" class="do" value="Add" onclick="demo()">
<div>
<h2>
Sum
</h2>
<label id="sum"></label>
</div>
</div>
</body>
</html>
您可以将代码复制到在线 compiler/IDE 并共享 link。嵌入该代码片段的问题,即使像 trinket.io does for python or in a script
like onlinegdb.com 那样 运行nable iframe
,它们本质上是加载外部不受控制的数据的外部源,并且也容易迷失在时间中,将来无法使用。所以 StackExchange 本身并不真正允许它们。
如果您坚持,您可以在同一个 运行nable 块中使用这些片段,如下所示:
<script src="//onlinegdb.com/embed/js/rJlgvcqWHu?theme=dark"></script>
但充其量还是有问题。有些用户会犹豫是否点击外部 link,有些用户的浏览器甚至可能会阻止它们。