ESP32など

電子工作してます

Arduino/ESP32などでHTMLコードを簡単に保持する方法

改行付きテキストをソースコードに書きたい

HTMLファイルのような改行ありのテキスト情報を簡単に持ちたい場合、Arduinoだと結構面倒だった。

Stringで一行ごとに+で繋いだり、SPIFFSにファイルを保存して読み込んだり・・・

Pythonとかみたいにソース内にコピペで改行ありでそのまま書けたら楽なのに・・・

と思ってたけど、実はできました。↓

raw文字列(生文字列リテラル / Raw string literals)で改行付きテキストをソースコードに直接記載する

こんな感じ。

『R"( ※改行を含むテキスト※ )";』で行けました。

static const String HTML_TEXT = R"(
<!DOCTYPE html>
<html>
  <head>
      <script>
      window.onload = function() {
      // imgのsrcに「http://192.168.x.x:81/stream」のurlを設定
          var id_stream = document.getElementById("img_stream");
          id_stream.src = document.location.origin + ":81/stream";
      }
      </script>
  </head>
  <body>
      <img id="img_stream" width="320" height="240">
  </body>
</html>
)";