{ "url": "https://unifast.dev/ja/docs/packages/core/hast-to-html/", "locale": "ja", "title": "hastToHtml()", "description": "HAST のルートノードを HTML 文字列にシリアライズします。", "section": "packages", "body": "```ts\nimport { hastToHtml } from \"@unifast/core\";\n```\n\n## シグネチャ\n\n```ts\nfunction hastToHtml(hast: HastRoot): string\n```\n\n## パラメータ\n\n### hast\n\n| プロパティ | 型 | デフォルト | 説明 |\n|----------|------|---------|-------------|\n| `type` | `\"root\"` | — | ノード種別の識別子 |\n| `children` | `HastNode[]` | — | ツリーの子ノード |\n\n## 戻り値\n\n`string` — シリアライズされた HTML 文字列です。\n\n## 使い方\n\n```ts\nimport { hastToHtml } from \"@unifast/core\";\nimport type { HastRoot } from \"@unifast/core\";\n\nconst hast: HastRoot = {\n type: \"root\",\n children: [\n {\n type: \"element\",\n tagName: \"h1\",\n properties: { id: \"hello\", className: [\"title\", \"main\"] },\n children: [\n { type: \"text\", value: \"Hello \" },\n {\n type: \"element\",\n tagName: \"strong\",\n properties: {},\n children: [{ type: \"text\", value: \"world\" }],\n },\n ],\n },\n ],\n};\n\nconst html = hastToHtml(hast);\n\nconsole.log(html);\n//

Hello world

\n```\n\n## 使用例\n\n### 基本的なシリアライズ\n\n```ts\nimport { hastToHtml } from \"@unifast/core\";\nimport type { HastRoot } from \"@unifast/core\";\n\nconst hast: HastRoot = {\n type: \"root\",\n children: [\n {\n type: \"element\",\n tagName: \"p\",\n properties: {},\n children: [\n { type: \"text\", value: \"This is \" },\n {\n type: \"element\",\n tagName: \"strong\",\n properties: {},\n children: [{ type: \"text\", value: \"bold\" }],\n },\n { type: \"text\", value: \" text.\" },\n ],\n },\n ],\n};\n\nconsole.log(hastToHtml(hast));\n//

This is bold text.

\n```\n\n### void 要素\n\nvoid 要素 (`
`、``、`
` など) は自動的に自己閉じされます。\n\n```ts\nimport { hastToHtml } from \"@unifast/core\";\nimport type { HastRoot } from \"@unifast/core\";\n\nconst hast: HastRoot = {\n type: \"root\",\n children: [\n {\n type: \"element\",\n tagName: \"img\",\n properties: { src: \"photo.jpg\", alt: \"A photo\" },\n children: [],\n },\n ],\n};\n\nconsole.log(hastToHtml(hast));\n// \"A\n```\n\n### compile() の出力と組み合わせて使う\n\n```ts\nimport { compile } from \"@unifast/node\";\nimport { hastToHtml } from \"@unifast/core\";\nimport type { HastRoot } from \"@unifast/core\";\n\nconst result = compile(\"**bold text**\", { outputKind: \"hast\" });\nconst hast: HastRoot = JSON.parse(result.output as string);\n\nconsole.log(hastToHtml(hast));\n//

bold text

\n```\n\n### 生の HTML のパススルー\n\n```ts\nimport { hastToHtml } from \"@unifast/core\";\nimport type { HastRoot } from \"@unifast/core\";\n\nconst hast: HastRoot = {\n type: \"root\",\n children: [\n { type: \"raw\", value: \"
Raw HTML
\" },\n ],\n};\n\nconsole.log(hastToHtml(hast));\n//
Raw HTML
\n```\n\n## 動作\n\n- **HTML エスケープ:** テキストコンテンツはエスケープされる (`&`、`<`、`>`、`\"`)\n- **void 要素:** `area`、`base`、`br`、`col`、`embed`、`hr`、`img`、`input`、`link`、`meta`、`param`、`source`、`track`、`wbr` は自己閉じされる\n- **属性:** アルファベット順にソートされる。`className` 配列はスペースで結合されて `class` として出力される。真偽値 `true` は属性名のみで出力され、`false`/`null`/`undefined` は省略される\n- **コメント:** `` としてレンダリングされる\n- **doctype:** `` としてレンダリングされる\n- **raw ノード:** エスケープなしでそのまま出力される", "alternates": [ { "locale": "en", "url": "https://unifast.dev/docs/packages/core/hast-to-html/", "api": "https://unifast.dev//api/docs/packages/core/hast-to-html.json" }, { "locale": "ja", "url": "https://unifast.dev/ja/docs/packages/core/hast-to-html/", "api": "https://unifast.dev//api/ja/docs/packages/core/hast-to-html.json" }, { "locale": "zh-CN", "url": "https://unifast.dev/zh-CN/docs/packages/core/hast-to-html/", "api": "https://unifast.dev//api/zh-CN/docs/packages/core/hast-to-html.json" }, { "locale": "zh-TW", "url": "https://unifast.dev/zh-TW/docs/packages/core/hast-to-html/", "api": "https://unifast.dev//api/zh-TW/docs/packages/core/hast-to-html.json" }, { "locale": "ko", "url": "https://unifast.dev/ko/docs/packages/core/hast-to-html/", "api": "https://unifast.dev//api/ko/docs/packages/core/hast-to-html.json" }, { "locale": "fr", "url": "https://unifast.dev/fr/docs/packages/core/hast-to-html/", "api": "https://unifast.dev//api/fr/docs/packages/core/hast-to-html.json" }, { "locale": "it", "url": "https://unifast.dev/it/docs/packages/core/hast-to-html/", "api": "https://unifast.dev//api/it/docs/packages/core/hast-to-html.json" }, { "locale": "es", "url": "https://unifast.dev/es/docs/packages/core/hast-to-html/", "api": "https://unifast.dev//api/es/docs/packages/core/hast-to-html.json" }, { "locale": "pt-BR", "url": "https://unifast.dev/pt-BR/docs/packages/core/hast-to-html/", "api": "https://unifast.dev//api/pt-BR/docs/packages/core/hast-to-html.json" }, { "locale": "de", "url": "https://unifast.dev/de/docs/packages/core/hast-to-html/", "api": "https://unifast.dev//api/de/docs/packages/core/hast-to-html.json" }, { "locale": "ru", "url": "https://unifast.dev/ru/docs/packages/core/hast-to-html/", "api": "https://unifast.dev//api/ru/docs/packages/core/hast-to-html.json" }, { "locale": "hi", "url": "https://unifast.dev/hi/docs/packages/core/hast-to-html/", "api": "https://unifast.dev//api/hi/docs/packages/core/hast-to-html.json" }, { "locale": "id", "url": "https://unifast.dev/id/docs/packages/core/hast-to-html/", "api": "https://unifast.dev//api/id/docs/packages/core/hast-to-html.json" }, { "locale": "tr", "url": "https://unifast.dev/tr/docs/packages/core/hast-to-html/", "api": "https://unifast.dev//api/tr/docs/packages/core/hast-to-html.json" }, { "locale": "vi", "url": "https://unifast.dev/vi/docs/packages/core/hast-to-html/", "api": "https://unifast.dev//api/vi/docs/packages/core/hast-to-html.json" } ] }