HTML を PDF に変換し、ファイルを圧縮する(CustomJS API を使用)
中級
これはDesign, AI, IT Ops分野の自動化ワークフローで、9個のノードを含みます。主にCode, ManualTrigger, Html2Pdf, CompressPDFなどのノードを使用、AI技術を活用したスマート自動化を実現。 CustomJS API を使って HTML を PDF に変換し、ファイルを圧縮
前提条件
- •AIサービスAPIキー(OpenAI、Anthropicなど)
ワークフロープレビュー
ノード接続関係を可視化、ズームとパンをサポート
ワークフローをエクスポート
以下のJSON設定をn8nにインポートして、このワークフローを使用できます
{
"meta": {
"instanceId": "7599ed929ea25767a019b87ecbc83b90e16a268cb51892887b450656ac4518a2"
},
"nodes": [
{
"id": "b962ef3d-b0ad-4b21-bb15-61b6521bfd03",
"name": "HTML to PDF",
"type": "@custom-js/n8n-nodes-pdf-toolkit.html2Pdf",
"position": [
220,
0
],
"parameters": {
"htmlInput": "<h1>Hello World</h1>"
},
"credentials": {
"customJsApi": {
"id": "h29wo2anYKdANAzm",
"name": "CustomJS account"
}
},
"notesInFlow": false,
"typeVersion": 1
},
{
"id": "988f427e-7eca-43e5-a77d-c69a92ec6158",
"name": "Compress PDF file",
"type": "@custom-js/n8n-nodes-pdf-toolkit.CompressPDF",
"position": [
460,
0
],
"parameters": {},
"credentials": {
"customJsApi": {
"id": "h29wo2anYKdANAzm",
"name": "CustomJS account"
}
},
"typeVersion": 1
},
{
"id": "bbbf9fb1-2fc2-4de1-9854-149b63c7070c",
"name": "「Test workflow」クリック時",
"type": "n8n-nodes-base.manualTrigger",
"position": [
0,
100
],
"parameters": {},
"typeVersion": 1
},
{
"id": "492b07d3-4643-4d1e-acbb-b0a7b7fde350",
"name": "Compress PDF file1",
"type": "@custom-js/n8n-nodes-pdf-toolkit.CompressPDF",
"position": [
460,
200
],
"parameters": {
"resource": "url",
"field_name": "={{ $json.path }}"
},
"credentials": {
"customJsApi": {
"id": "h29wo2anYKdANAzm",
"name": "CustomJS account"
}
},
"typeVersion": 1
},
{
"id": "d60193ff-0bf6-4692-83e2-d0e1e59c5656",
"name": "Set PDF URL",
"type": "n8n-nodes-base.code",
"position": [
220,
200
],
"parameters": {
"jsCode": "return {\"json\": {\"path\": \"https://www.nlbk.niedersachsen.de/download/164891/Test-pdf_3.pdf.pdf\"}};"
},
"typeVersion": 2
},
{
"id": "c68fc714-fc5a-456d-9126-ccbcfedce3ca",
"name": "付箋",
"type": "n8n-nodes-base.stickyNote",
"position": [
140,
-100
],
"parameters": {
"color": 4,
"height": 260,
"content": "### HTML to PDF\n- Request HTML Data\n- Convert HTML to PDF"
},
"typeVersion": 1
},
{
"id": "5388484e-5b74-4ece-90a0-75fc3d9963b5",
"name": "付箋1",
"type": "n8n-nodes-base.stickyNote",
"position": [
380,
-100
],
"parameters": {
"color": 5,
"width": 260,
"height": 260,
"content": "### Compress Pages from PDF\n- Compress PDF as a binary file."
},
"typeVersion": 1
},
{
"id": "014c6536-0270-4ac7-881a-4334816a9ffb",
"name": "付箋2",
"type": "n8n-nodes-base.stickyNote",
"position": [
140,
160
],
"parameters": {
"color": 3,
"height": 260,
"content": "\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n### Set PDF URL\n- Request PDF from URL."
},
"typeVersion": 1
},
{
"id": "f6e18c8b-3109-414b-a539-dbb586d6e75e",
"name": "付箋3",
"type": "n8n-nodes-base.stickyNote",
"position": [
380,
160
],
"parameters": {
"color": 2,
"width": 260,
"height": 260,
"content": "\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n### Compress Pages from PDF\n- Compress PDF as a binary file."
},
"typeVersion": 1
}
],
"pinData": {},
"connections": {
"b962ef3d-b0ad-4b21-bb15-61b6521bfd03": {
"main": [
[
{
"node": "988f427e-7eca-43e5-a77d-c69a92ec6158",
"type": "main",
"index": 0
}
]
]
},
"d60193ff-0bf6-4692-83e2-d0e1e59c5656": {
"main": [
[
{
"node": "492b07d3-4643-4d1e-acbb-b0a7b7fde350",
"type": "main",
"index": 0
}
]
]
},
"988f427e-7eca-43e5-a77d-c69a92ec6158": {
"main": [
[]
]
},
"bbbf9fb1-2fc2-4de1-9854-149b63c7070c": {
"main": [
[
{
"node": "b962ef3d-b0ad-4b21-bb15-61b6521bfd03",
"type": "main",
"index": 0
},
{
"node": "d60193ff-0bf6-4692-83e2-d0e1e59c5656",
"type": "main",
"index": 0
}
]
]
}
}
}よくある質問
このワークフローの使い方は?
上記のJSON設定コードをコピーし、n8nインスタンスで新しいワークフローを作成して「JSONからインポート」を選択、設定を貼り付けて認証情報を必要に応じて変更してください。
このワークフローはどんな場面に適していますか?
中級 - デザイン, 人工知能, IT運用
有料ですか?
このワークフローは完全無料です。ただし、ワークフローで使用するサードパーティサービス(OpenAI APIなど)は別途料金が発生する場合があります。
関連ワークフロー
PDF からテキストに変換
CustomJS API を使って HTML を PDF に変換し、PDF からテキストを抽出
Code
Manual Trigger
Html2 Pdf
+
Code
Manual Trigger
Html2 Pdf
5 ノードCustomJS
デザイン
CustomJS PDF Toolkit を使用して HTML および PDF ファイルを PNG 画像に変換する
CustomJS PDF Toolkit を使用して HTML および PDF ファイルを PNG 画像に変換する
Code
Manual Trigger
Pdf To Png
+
Code
Manual Trigger
Pdf To Png
9 ノードCustomJS
デザイン
ワークフロー6
PDFから特定のページをCustomJS APIで抽出
Http Request
Manual Trigger
Extract Pages
Http Request
Manual Trigger
Extract Pages
3 ノードCustomJS
デザイン
テンプレートデモ - chatgpt - 画像 - 1 - drive および sheet 有りコピー
GPT-image-1で画像を生成し、Google Driveに保存(コスト追跡付き)
Set
Split Out
Aggregate
+
Set
Split Out
Aggregate
16 ノードdarrell_tw
デザイン
[AOE] 受信トレイとカレンダー管理エイジェント
メール、カレンダー管理を Gmail、Google Calendar、GPT-4o AI で自動化
Code
Gmail
Gmail Tool
+
Code
Gmail
Gmail Tool
38 ノードAOE Agent Lab
人工知能
SAPビジネスパートナー(A2X)ビジネス版
OpenAI GPT-4o と Gmail を使って SAP ビジネステーマを自動化で分析
Code
Gmail
Http Request
+
Code
Gmail
Http Request
18 ノードGhufran Ridhawi
人工知能