mirror of
https://github.com/node-red/node-red.git
synced 2023-10-10 13:36:53 +02:00
add examples for HTML node
This commit is contained in:
Hiroyasu Nishiyama
parent
725c962236
commit
bc82ca2106
@ -0,0 +1,94 @@
|
|||||||
|
[
|
||||||
|
{
|
||||||
|
"id": "8c5224a6.201b88",
|
||||||
|
"type": "inject",
|
||||||
|
"z": "4b63452d.672afc",
|
||||||
|
"name": "",
|
||||||
|
"props": [
|
||||||
|
{
|
||||||
|
"p": "payload"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"p": "topic",
|
||||||
|
"vt": "str"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"repeat": "",
|
||||||
|
"crontab": "",
|
||||||
|
"once": false,
|
||||||
|
"onceDelay": 0.1,
|
||||||
|
"topic": "",
|
||||||
|
"payload": "",
|
||||||
|
"payloadType": "date",
|
||||||
|
"x": 220,
|
||||||
|
"y": 180,
|
||||||
|
"wires": [
|
||||||
|
[
|
||||||
|
"d6c67e51.0d709"
|
||||||
|
]
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"id": "d6c67e51.0d709",
|
||||||
|
"type": "template",
|
||||||
|
"z": "4b63452d.672afc",
|
||||||
|
"name": "HTML text",
|
||||||
|
"field": "payload",
|
||||||
|
"fieldType": "msg",
|
||||||
|
"format": "handlebars",
|
||||||
|
"syntax": "plain",
|
||||||
|
"template": "<html>\n <head>\n <title>List of Fruits</title>\n </head>\n <body>\n <ul>\n <li class=\"Item\">Apple</li>\n <li class=\"Item\">Orange</li>\n <li class=\"Item\">Banana</li>\n </ul>\n </body>\n</html>\n",
|
||||||
|
"output": "str",
|
||||||
|
"x": 390,
|
||||||
|
"y": 180,
|
||||||
|
"wires": [
|
||||||
|
[
|
||||||
|
"599a1155.61a5c"
|
||||||
|
]
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"id": "b0d5cd89.338df",
|
||||||
|
"type": "comment",
|
||||||
|
"z": "4b63452d.672afc",
|
||||||
|
"name": "Extract array of HTML element by CSS selector",
|
||||||
|
"info": "HTML node can be used to extract elements in HTML document as an array using CSS selector.",
|
||||||
|
"x": 280,
|
||||||
|
"y": 120,
|
||||||
|
"wires": []
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"id": "599a1155.61a5c",
|
||||||
|
"type": "html",
|
||||||
|
"z": "4b63452d.672afc",
|
||||||
|
"name": "",
|
||||||
|
"property": "payload",
|
||||||
|
"outproperty": "payload",
|
||||||
|
"tag": ".Item",
|
||||||
|
"ret": "html",
|
||||||
|
"as": "single",
|
||||||
|
"x": 550,
|
||||||
|
"y": 180,
|
||||||
|
"wires": [
|
||||||
|
[
|
||||||
|
"942b23d1.cce09"
|
||||||
|
]
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"id": "942b23d1.cce09",
|
||||||
|
"type": "debug",
|
||||||
|
"z": "4b63452d.672afc",
|
||||||
|
"name": "",
|
||||||
|
"active": true,
|
||||||
|
"tosidebar": true,
|
||||||
|
"console": false,
|
||||||
|
"tostatus": false,
|
||||||
|
"complete": "false",
|
||||||
|
"statusVal": "",
|
||||||
|
"statusType": "auto",
|
||||||
|
"x": 710,
|
||||||
|
"y": 180,
|
||||||
|
"wires": []
|
||||||
|
}
|
||||||
|
]
|
||||||
@ -0,0 +1,94 @@
|
|||||||
|
[
|
||||||
|
{
|
||||||
|
"id": "a44973e8.6319b",
|
||||||
|
"type": "inject",
|
||||||
|
"z": "4b63452d.672afc",
|
||||||
|
"name": "",
|
||||||
|
"props": [
|
||||||
|
{
|
||||||
|
"p": "payload"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"p": "topic",
|
||||||
|
"vt": "str"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"repeat": "",
|
||||||
|
"crontab": "",
|
||||||
|
"once": false,
|
||||||
|
"onceDelay": 0.1,
|
||||||
|
"topic": "",
|
||||||
|
"payload": "",
|
||||||
|
"payloadType": "date",
|
||||||
|
"x": 220,
|
||||||
|
"y": 360,
|
||||||
|
"wires": [
|
||||||
|
[
|
||||||
|
"de1b012e.96ec3"
|
||||||
|
]
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"id": "de1b012e.96ec3",
|
||||||
|
"type": "template",
|
||||||
|
"z": "4b63452d.672afc",
|
||||||
|
"name": "HTML text",
|
||||||
|
"field": "payload",
|
||||||
|
"fieldType": "msg",
|
||||||
|
"format": "handlebars",
|
||||||
|
"syntax": "plain",
|
||||||
|
"template": "<html>\n <head>\n <title>List of Fruits</title>\n </head>\n <body>\n <ul>\n <li class=\"Item\">Apple</li>\n <li class=\"Item\">Orange</li>\n <li class=\"Item\">Banana</li>\n </ul>\n </body>\n</html>\n",
|
||||||
|
"output": "str",
|
||||||
|
"x": 390,
|
||||||
|
"y": 360,
|
||||||
|
"wires": [
|
||||||
|
[
|
||||||
|
"cee70712.6f3538"
|
||||||
|
]
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"id": "99e32bc7.c8e508",
|
||||||
|
"type": "comment",
|
||||||
|
"z": "4b63452d.672afc",
|
||||||
|
"name": "Extract sequence of HTML element by CSS selector",
|
||||||
|
"info": "HTML node can be used to extract elements in HTML document as a messege sequence using CSS selector.",
|
||||||
|
"x": 290,
|
||||||
|
"y": 300,
|
||||||
|
"wires": []
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"id": "cee70712.6f3538",
|
||||||
|
"type": "html",
|
||||||
|
"z": "4b63452d.672afc",
|
||||||
|
"name": "",
|
||||||
|
"property": "payload",
|
||||||
|
"outproperty": "payload",
|
||||||
|
"tag": ".Item",
|
||||||
|
"ret": "html",
|
||||||
|
"as": "multi",
|
||||||
|
"x": 550,
|
||||||
|
"y": 360,
|
||||||
|
"wires": [
|
||||||
|
[
|
||||||
|
"17f25482.d4b56b"
|
||||||
|
]
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"id": "17f25482.d4b56b",
|
||||||
|
"type": "debug",
|
||||||
|
"z": "4b63452d.672afc",
|
||||||
|
"name": "",
|
||||||
|
"active": true,
|
||||||
|
"tosidebar": true,
|
||||||
|
"console": false,
|
||||||
|
"tostatus": false,
|
||||||
|
"complete": "false",
|
||||||
|
"statusVal": "",
|
||||||
|
"statusType": "auto",
|
||||||
|
"x": 710,
|
||||||
|
"y": 360,
|
||||||
|
"wires": []
|
||||||
|
}
|
||||||
|
]
|
||||||
@ -0,0 +1,121 @@
|
|||||||
|
[
|
||||||
|
{
|
||||||
|
"id": "653ce9aa.b6a1c8",
|
||||||
|
"type": "inject",
|
||||||
|
"z": "4b63452d.672afc",
|
||||||
|
"name": "",
|
||||||
|
"props": [
|
||||||
|
{
|
||||||
|
"p": "payload"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"p": "topic",
|
||||||
|
"vt": "str"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"repeat": "",
|
||||||
|
"crontab": "",
|
||||||
|
"once": false,
|
||||||
|
"onceDelay": 0.1,
|
||||||
|
"topic": "",
|
||||||
|
"payload": "",
|
||||||
|
"payloadType": "date",
|
||||||
|
"x": 220,
|
||||||
|
"y": 560,
|
||||||
|
"wires": [
|
||||||
|
[
|
||||||
|
"52a16f7f.447d8"
|
||||||
|
]
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"id": "52a16f7f.447d8",
|
||||||
|
"type": "template",
|
||||||
|
"z": "4b63452d.672afc",
|
||||||
|
"name": "HTML text",
|
||||||
|
"field": "payload",
|
||||||
|
"fieldType": "msg",
|
||||||
|
"format": "handlebars",
|
||||||
|
"syntax": "plain",
|
||||||
|
"template": "<html>\n <head>\n <title>List of Fruits</title>\n </head>\n <body>\n <ul>\n <li class=\"Item\">Apple</li>\n <li class=\"Item\">Orange</li>\n <li class=\"Item\">Banana</li>\n </ul>\n </body>\n</html>\n",
|
||||||
|
"output": "str",
|
||||||
|
"x": 390,
|
||||||
|
"y": 560,
|
||||||
|
"wires": [
|
||||||
|
[
|
||||||
|
"a52319c3.89b008"
|
||||||
|
]
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"id": "8bc35379.31d99",
|
||||||
|
"type": "comment",
|
||||||
|
"z": "4b63452d.672afc",
|
||||||
|
"name": "Extract array of HTML element by CSS selector specified in message",
|
||||||
|
"info": "CSS selector for HTML node can be specified by `select` property of input message.",
|
||||||
|
"x": 350,
|
||||||
|
"y": 500,
|
||||||
|
"wires": []
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"id": "9c49de8a.bad25",
|
||||||
|
"type": "html",
|
||||||
|
"z": "4b63452d.672afc",
|
||||||
|
"name": "",
|
||||||
|
"property": "payload",
|
||||||
|
"outproperty": "payload",
|
||||||
|
"tag": "",
|
||||||
|
"ret": "html",
|
||||||
|
"as": "single",
|
||||||
|
"x": 730,
|
||||||
|
"y": 560,
|
||||||
|
"wires": [
|
||||||
|
[
|
||||||
|
"d4f4b987.278a68"
|
||||||
|
]
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"id": "d4f4b987.278a68",
|
||||||
|
"type": "debug",
|
||||||
|
"z": "4b63452d.672afc",
|
||||||
|
"name": "",
|
||||||
|
"active": true,
|
||||||
|
"tosidebar": true,
|
||||||
|
"console": false,
|
||||||
|
"tostatus": false,
|
||||||
|
"complete": "false",
|
||||||
|
"statusVal": "",
|
||||||
|
"statusType": "auto",
|
||||||
|
"x": 890,
|
||||||
|
"y": 560,
|
||||||
|
"wires": []
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"id": "a52319c3.89b008",
|
||||||
|
"type": "change",
|
||||||
|
"z": "4b63452d.672afc",
|
||||||
|
"name": "",
|
||||||
|
"rules": [
|
||||||
|
{
|
||||||
|
"t": "set",
|
||||||
|
"p": "select",
|
||||||
|
"pt": "msg",
|
||||||
|
"to": ".Item",
|
||||||
|
"tot": "str"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"action": "",
|
||||||
|
"property": "",
|
||||||
|
"from": "",
|
||||||
|
"to": "",
|
||||||
|
"reg": false,
|
||||||
|
"x": 560,
|
||||||
|
"y": 560,
|
||||||
|
"wires": [
|
||||||
|
[
|
||||||
|
"9c49de8a.bad25"
|
||||||
|
]
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]
|
||||||
@ -0,0 +1,122 @@
|
|||||||
|
[
|
||||||
|
{
|
||||||
|
"id": "66cff4ee.f2761c",
|
||||||
|
"type": "inject",
|
||||||
|
"z": "4b63452d.672afc",
|
||||||
|
"name": "",
|
||||||
|
"props": [
|
||||||
|
{
|
||||||
|
"p": "payload"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"p": "topic",
|
||||||
|
"vt": "str"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"repeat": "",
|
||||||
|
"crontab": "",
|
||||||
|
"once": false,
|
||||||
|
"onceDelay": 0.1,
|
||||||
|
"topic": "",
|
||||||
|
"payload": "",
|
||||||
|
"payloadType": "date",
|
||||||
|
"x": 220,
|
||||||
|
"y": 760,
|
||||||
|
"wires": [
|
||||||
|
[
|
||||||
|
"2baaf6bf.0a02ca"
|
||||||
|
]
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"id": "2baaf6bf.0a02ca",
|
||||||
|
"type": "template",
|
||||||
|
"z": "4b63452d.672afc",
|
||||||
|
"name": "HTML text",
|
||||||
|
"field": "payload",
|
||||||
|
"fieldType": "msg",
|
||||||
|
"format": "handlebars",
|
||||||
|
"syntax": "plain",
|
||||||
|
"template": "<html>\n <head>\n <title>List of Fruits</title>\n </head>\n <body>\n <ul>\n <li class=\"Item\">Apple</li>\n <li class=\"Item\">Orange</li>\n <li class=\"Item\">Banana</li>\n </ul>\n </body>\n</html>\n",
|
||||||
|
"output": "str",
|
||||||
|
"x": 390,
|
||||||
|
"y": 760,
|
||||||
|
"wires": [
|
||||||
|
[
|
||||||
|
"bbb22e6b.0fa25"
|
||||||
|
]
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"id": "a57d35d0.8aa538",
|
||||||
|
"type": "comment",
|
||||||
|
"z": "4b63452d.672afc",
|
||||||
|
"name": "Join extracedt sequence of HTML element using join node",
|
||||||
|
"info": "Message sequence extracted by HTML node can be combined using join node.",
|
||||||
|
"x": 310,
|
||||||
|
"y": 700,
|
||||||
|
"wires": []
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"id": "bbb22e6b.0fa25",
|
||||||
|
"type": "html",
|
||||||
|
"z": "4b63452d.672afc",
|
||||||
|
"name": "",
|
||||||
|
"property": "payload",
|
||||||
|
"outproperty": "payload",
|
||||||
|
"tag": ".Item",
|
||||||
|
"ret": "html",
|
||||||
|
"as": "multi",
|
||||||
|
"x": 550,
|
||||||
|
"y": 760,
|
||||||
|
"wires": [
|
||||||
|
[
|
||||||
|
"bd01ca4.966ad38"
|
||||||
|
]
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"id": "4d2616a8.84de88",
|
||||||
|
"type": "debug",
|
||||||
|
"z": "4b63452d.672afc",
|
||||||
|
"name": "",
|
||||||
|
"active": true,
|
||||||
|
"tosidebar": true,
|
||||||
|
"console": false,
|
||||||
|
"tostatus": false,
|
||||||
|
"complete": "false",
|
||||||
|
"statusVal": "",
|
||||||
|
"statusType": "auto",
|
||||||
|
"x": 850,
|
||||||
|
"y": 760,
|
||||||
|
"wires": []
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"id": "bd01ca4.966ad38",
|
||||||
|
"type": "join",
|
||||||
|
"z": "4b63452d.672afc",
|
||||||
|
"name": "",
|
||||||
|
"mode": "custom",
|
||||||
|
"build": "string",
|
||||||
|
"property": "payload",
|
||||||
|
"propertyType": "msg",
|
||||||
|
"key": "topic",
|
||||||
|
"joiner": ",",
|
||||||
|
"joinerType": "str",
|
||||||
|
"accumulate": false,
|
||||||
|
"timeout": "",
|
||||||
|
"count": "",
|
||||||
|
"reduceRight": false,
|
||||||
|
"reduceExp": "",
|
||||||
|
"reduceInit": "",
|
||||||
|
"reduceInitType": "",
|
||||||
|
"reduceFixup": "",
|
||||||
|
"x": 690,
|
||||||
|
"y": 760,
|
||||||
|
"wires": [
|
||||||
|
[
|
||||||
|
"4d2616a8.84de88"
|
||||||
|
]
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]
|
||||||
Loading…
Reference in New Issue
Block a user