html - 在 HTML/CSS 网站上显示复制/粘贴的 Arduino 代码

Question

我正在使用 HTML 和 CSS 制作一个教育网站来教授 Arduino 电路和代码。我正在使用 Atom 文本编辑器来编辑网站。我想将代码放入网站的文本中，以便有人可以将文本直接复制/粘贴到 Arduino IDE 中。我尝试使用 HTML 的 标签执行此操作，但在将代码复制并粘贴到 Arduino IDE 中后，它显示编译器错误:“程序中的杂散\342”。

网上查了一下，发现部分问题可能是网站字符是Unicode，而Arduino IDE无法读取Unicode。我尝试更改 Atom 中的排版从 UTF-8 到 Windows-1252 ，但这没有用。我也尝试过将 标签更改为

标签，但这也没有用。

HTML代码:

<code>
    <span style = "color: blue;"> void </span>
    <span> setup(){ </span>
    <br>&emsp; pinMode(3, OUTPUT);
    <br> }
    <br>
    <span style = "color: blue;"> void </span>
    <span> loop(){ </span>
    <br> &emsp;digitalWrite(3,HIGH);
    <br> &emsp;digitalWrite(5,LOW);
    <br> &emsp;delay (500);
    <br> &emsp;digitalWrite(5,HIGH);
    <br> &emsp;digitalWrite(3,LOW);
    <br> &emsp;delay (500);
    <br> }
</code>

Arduino IDE 错误信息(粘贴代码后编译时出现):

sketch_aug07a:2:1: error: stray '\342' in program

   pinMode(3, OUTPUT);

 ^

sketch_aug07a:2:1: error: stray '\200' in program

sketch_aug07a:2:1: error: stray '\203' in program

sketch_aug07a:5:1: error: stray '\342' in program

  digitalWrite(3,HIGH);

 ^

sketch_aug07a:5:1: error: stray '\200' in program

sketch_aug07a:5:1: error: stray '\203' in program

sketch_aug07a:6:1: error: stray '\342' in program

  digitalWrite(5,LOW);

 ^

sketch_aug07a:6:1: error: stray '\200' in program

sketch_aug07a:6:1: error: stray '\203' in program

sketch_aug07a:7:1: error: stray '\342' in program

  delay (500);

 ^

sketch_aug07a:7:1: error: stray '\200' in program

sketch_aug07a:7:1: error: stray '\203' in program

sketch_aug07a:8:1: error: stray '\342' in program

  digitalWrite(5,HIGH);

 ^

sketch_aug07a:8:1: error: stray '\200' in program

sketch_aug07a:8:1: error: stray '\203' in program

sketch_aug07a:9:1: error: stray '\342' in program

  digitalWrite(3,LOW);

 ^

sketch_aug07a:9:1: error: stray '\200' in program

sketch_aug07a:9:1: error: stray '\203' in program

sketch_aug07a:10:1: error: stray '\342' in program

  delay (500);

 ^

sketch_aug07a:10:1: error: stray '\200' in program

sketch_aug07a:10:1: error: stray '\203' in program

exit status 1
stray '\342' in program

---

注意:MariposaGentil 提供的建议对我有用(使用

 标签来格式化它而不是使用   来缩进。

			            

Answer 1

问题是  人物。 Arduino IDE 无法读取它们。

&nmsp;或其他特殊字符由于相同的原因都不起作用。它们是无法正确复制到 IDE 中的特殊字符。

为避免此问题，您可以使用 <pre></pre> tags这将像这样使用所有空格和表格“按原样”呈现您的 HTML 格式代码:

<p><code><pre>
<span style="color: blue;">void</span> setup(){
    pinMode(3, OUTPUT);
}

<span style="color: blue;">void</span> loop(){
    digitalWrite(3,HIGH);
    digitalWrite(5,LOW);
    delay (500);

    digitalWrite(5,HIGH);
    digitalWrite(3,LOW);
    delay (500);
}
</pre></code></p>