javascript - データソースからのデータを使用して HTML ウィジェットに「リテラル HTML」を追加しますか?

Question

FreeBoard で HTML ウィジェットを作成すると、次のテキストが表示されます。

リテラル HTML、または HTML を出力する JavaScript を指定できます。

データを含む HTML を返すために次のことができることはわかっていますが、もっと複雑なことをしたい場合は、リテラル HTML を使用したいと思います。

データ付きの html を返す

return "<div style='color: red'>This is a red timestamp: " + datasources["DS"]["Timestamp"] + "</div>"

データのないリテラル html

<div style='color: red'>
  This is red text.
</div>
<div style='color: blue'>
  This is blue text.
</div>

それらの両方が機能します。私の質問は、データソースからリテラル html の例にデータを挿入するにはどうすればよいですか?

詳細なコンテキストについては、エディターの上部にあるものを次に示します。

この JavaScript は、ここで参照されているデータソースが更新されるたびに再評価され、値がreturnウィジェットに表示されます。この JavaScript はfunction(datasources)、datasources がデータソース内の最新のデータに対応する JavaScript オブジェクト (名前でキー付けされた) のコレクションであるという形式の関数にラップされていると想定できます。

デフォルトのテキストは次のとおりです。

// Example: Convert temp from C to F and truncate to 2 decimal places.
// return (datasources["MyDatasource"].sensor.tempInF * 1.8 + 32).toFixed(2);