ノードが選択されると、ヘルプテキストが情報タブに表示されます。 このヘルプは、ユーザがノードを利用するために必要となるすべての情報を提供するようにすべきです。
以下に示すスタイルガイドは、 多くのノードが統一された外観となるようにヘルプを構成する方法について説明しています。
Since 2.1.0 : The help text can be provided as markdown rather than HTML. In this
case the type
attribute of the <script>
tag must be text/markdown
.
When creating markdown help text be careful with indentation, markdown is whitespace sensitive so all lines should have no leading whitespace inside the <script>
tags.
<p>
で構成してください。
最初の<p>
はノードパレットでマウスをホバーした際にツールチップとして表示されます。
Connects to a MQTT broker and publishes messages.
詳細(Details)セクションは、より詳細なノードの内容について記載します。 ノードがどのように使われるべきか、入出力併せて記述するべきです。
msg.payload
is used as the payload of the published message.
If it contains an Object it will be converted to a JSON string before being sent.
If it contains a binary Buffer the message will be published as-is.
The topic used can be configured in the node or, if left blank, can be set by msg.topic
.
Likewise the QoS and retain values can be configured in the node or, if left
blank, set by msg.qos
and msg.retain
respectively.
参照(References)セクションは下記のような外部リンクなどを提供するために使用します。
msg.tweet
property上記の例をHTMLで実装すると下記のようになります。
<script type="text/html" data-help-name="node-type">
<p>Connects to a MQTT broker and publishes messages.</p>
<h3>Inputs</h3>
<dl class="message-properties">
<dt>payload
<span class="property-type">string | buffer</span>
</dt>
<dd> the payload of the message to publish. </dd>
<dt class="optional">topic <span class="property-type">string</span></dt>
<dd> the MQTT topic to publish to.</dd>
</dl>
<h3>Outputs</h3>
<ol class="node-ports">
<li>Standard output
<dl class="message-properties">
<dt>payload <span class="property-type">string</span></dt>
<dd>the standard output of the command.</dd>
</dl>
</li>
<li>Standard error
<dl class="message-properties">
<dt>payload <span class="property-type">string</span></dt>
<dd>the standard error of the command.</dd>
</dl>
</li>
</ol>
<h3>Details</h3>
<p><code>msg.payload</code> is used as the payload of the published message.
If it contains an Object it will be converted to a JSON string before being sent.
If it contains a binary Buffer the message will be published as-is.</p>
<p>The topic used can be configured in the node or, if left blank, can be set
by <code>msg.topic</code>.</p>
<p>Likewise the QoS and retain values can be configured in the node or, if left
blank, set by <code>msg.qos</code> and <code>msg.retain</code> respectively.</p>
<h3>References</h3>
<ul>
<li><a>Twitter API docs</a> - full description of <code>msg.tweet</code> property</li>
<li><a>GitHub</a> - the nodes github repository</li>
</ul>
</script>
<script type="text/markdown" data-help-name="node-type">
Connects to a MQTT broker and publishes messages.
### Inputs
: payload (string | buffer) : the payload of the message to publish.
: *topic* (string) : the MQTT topic to publish to.
### Outputs
1. Standard output
: payload (string) : the standard output of the command.
2. Standard error
: payload (string) : the standard error of the command.
### Details
`msg.payload` is used as the payload of the published message.
If it contains an Object it will be converted to a JSON string before being sent.
If it contains a binary Buffer the message will be published as-is.
The topic used can be configured in the node or, if left blank, can be set
`msg.topic`.
Likewise the QoS and retain values can be configured in the node or, if left
blank, set by `msg.qos` and `msg.retain` respectively.
### References
- [Twitter API docs]() - full description of `msg.tweet` property
- [GitHub]() - the nodes github repository
</script>
各セクションは<h3>
タグでマークアップします。
Details
セクションにサブヘッダが必要な場合は、<h4>
タグを使用します。
<h3>Inputs</h3>
...
<h3>Details</h3>
...
<h4>A sub section</h4>
...
### Inputs
...
### Details
...
#### A sub section
...
メッセージのプロパティは<dl>
を使用してリストにします。
リストにはmessage-properties
をclass属性として指定します。
リスト内の各アイテムは<dt>
と<dd>
タグのペアで構成されるようにします。
それぞれの<dt>
にはプロパティ名を記載し、
さらに任意で<span class="property-type">
内にプロパティが期待する型について記載します。
プロパティが任意の場合は<dt>
のclass属性にoptional
を指定します。
それぞれの<dd>
にはプロパティの要約を記述します。
<dl class="message-properties">
<dt>payload
<span class="property-type">string | buffer</span>
</dt>
<dd> the payload of the message to publish. </dd>
<dt class="optional">topic
<span class="property-type">string</span>
</dt>
<dd> the MQTT topic to publish to.</dd>
</dl>
: payload (string | buffer) : the payload of the message to publish.
: *topic* (string) : the MQTT topic to publish to.
ノードに複数の出力がある場合、
上記のようにそれぞれの出力がメッセージのプロパティのリストを持つよう記述します。
これらのリストは<ol>
でラップされ、class属性にnode-ports
を指定します。
リスト内の各アイテムの構成は、
出力内容の簡単な説明を<dl>
によるメッセージのプロパティのリストで表現します。
注意: ノードの出力がひとつの場合は、
このようなリストのラップは行わず単純に<dl>
を使用します。
<ol class="node-ports">
<li>Standard output
<dl class="message-properties">
<dt>payload <span class="property-type">string</span></dt>
<dd>the standard output of the command.</dd>
</dl>
</li>
<li>Standard error
<dl class="message-properties">
<dt>payload <span class="property-type">string</span></dt>
<dd>the standard error of the command.</dd>
</dl>
</li>
</ol>
1. Standard output
: payload (string) : the standard output of the command.
2. Standard error
: payload (string) : the standard error of the command.
上記のメッセージのプロパティ一覧をメッセージプロパティの外部から参照する場合、
利用者にそれを明確に伝えるためmsg.
を接頭辞として付けます。
これらは<code>
タグにラップされるべきです。
The interesting part is in <code>msg.payload</code>.
The interesting part is in `msg.payload`.
ヘルプテキスト内では<b>
、<i>
のような他のタグでマークアップしないようにします。
ノードのヘルプテキストは利用者が経験豊富であったり、ノードに精通していたりすることを前提としてはいけません。 何よりもヘルプは利用者にとって役立つ必要があります。
Node-RED: Low-code programming for event-driven applications.
Copyright OpenJS Foundation and Node-RED contributors. All rights reserved. The OpenJS Foundation has registered trademarks and uses trademarks. For a list of trademarks of the OpenJS Foundation, please see our Trademark Policy and Trademark List. Trademarks and logos not indicated on the list of OpenJS Foundation trademarks are trademarks™ or registered® trademarks of their respective holders. Use of them does not imply any affiliation with or endorsement by them.
The OpenJS Foundation | Terms of Use | Privacy Policy | OpenJS Foundation Bylaws | Trademark Policy | Trademark List | Cookie Policy