Question

我正在使用ESP8266编写Web服务器，并使用Arduino草图构建。 Web服务器工作正常，但对于每行HTML，我需要编写client.print（＆＃34; string＆＃34;）

我在Arduino草图之外构建了一个格式更好的应用程序，我正在寻找一种方法，当HTML代码可能很长时，可以轻松地将HTML复制并粘贴到草图中。

这是我想要完成的一个例子。

<!DOCTYPE html>
<html>
<body>
<h1>This HTML written in an Arduino Sketch<h1>
<div>
<table2 style="width:100%">
 <tr>
  <td><button class="editbtn">Preset 1</button></td>
  <td><button class="editbtn">Preset 2</button></td>
  <td><button class="editbtn">Preset 3</button></td>
  <td><button class="editbtn">Preset 4</button></td>
  <td><button class="editbtn">Preset 5</button></td>
 </tr>
</div>
</table>
</body>
</html>

如何将其复制并粘贴到Arduino Sketch中，而无需使用复制和粘贴每一行？理想情况下，我希望草图的HTML部分看起来与上面的格式类似。

我试图找到一种方法来执行下面显示的操作，以便在以后更复杂的应用程序中改进我稍后可能需要的调试。

client.print(<!DOCTYPE html>)
client.print(<html>)
client.print(<body>)
client.print(<h1>This HTML written in an Arduino Sketch<h1>)
client.print(<div>)
........etc.......

非常感谢任何帮助或解决方法。

Answer 1

每当我必须做这样的事情时，我都使用Microsoft的Visual Studio编辑器（尽管任何支持高级搜索和替换功能的文本编辑器都可以使用）。您可以从Microsoft（https://www.visualstudio.com/en-us/products/vs-2015-product-editions.aspx）下载此编辑器的免费版本。

在Visual Studio（或您选择的编辑器）中打开或粘贴HTML到新文本文件中，然后执行查找和替换操作（例如CTRL-SHIFT-H）。在“查找和替换”对话框中执行以下操作：

将以下内容用于“查找内容：”字段：

^(?<line>[^\r\n]*)\r?\n

使用以下内容替换“替换为：”字段：

client.print("${line}");\n

为“查找范围：”字段选择“当前文档”选项。
选中“使用正则表达式”复选框。
点击“全部替换”按钮。
将结果复制到Arduino草图文件中。

在：

<!DOCTYPE html>
<html>
<body>
<h1>This HTML written in an Arduino Sketch<h1>
<div>

后：

client.print("<!DOCTYPE html>");
client.print("<html>");
client.print("<body>");
client.print("<h1>This HTML written in an Arduino Sketch<h1>");
client.print("<div>");
client.print("");

将格式化HTML粘贴到Arduino Sketch

1 个答案: