Skip to content

docs: add Ideogram 4.0 tutorial video embed (EN/ZH/JA/KO) #1168

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
lin-bot23 wants to merge 1 commit into from
Closed

docs: add Ideogram 4.0 tutorial video embed (EN/ZH/JA/KO) #1168

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
10 changes: 10 additions & 0 deletions ja/tutorials/image/ideogram/ideogram-v4.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,6 +12,16 @@ Ideogram 4.0 は、Ideogram がオープンソースモデルとして公開し

<UpdateReminder/>

## Ideogram 4.0 ビデオチュートリアル

<iframe
className="w-full aspect-video rounded-xl"
src="https://www.youtube.com/embed/gO-D5eO8VlA?si=ehD_qzll3yCzirpP"
title="Ideogram 4.0 in ComfyUI"
allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowFullScreen
></iframe>

## Ideogram 4.0 テキスト-to-画像ワークフロー

<Card title="Comfy Cloud で実行" icon="cloud" href="https://cloud.comfy.org/?template=image_ideogram4_t2i&utm_source=docs&utm_medium=referral&utm_campaign=ideogram-v4">
Expand Down
10 changes: 10 additions & 0 deletions ja/tutorials/partner-nodes/ideogram/ideogram-v4.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -14,6 +14,16 @@ Ideogram 4.0 は、Ideogram が提供する最新のテキスト-to-画像モデ
<ReqHint/>
<UpdateReminder/>

## Ideogram 4.0 ビデオチュートリアル

<iframe
className="w-full aspect-video rounded-xl"
src="https://www.youtube.com/embed/gO-D5eO8VlA?si=ehD_qzll3yCzirpP"
title="Ideogram 4.0 in ComfyUI"
allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowFullScreen
></iframe>

## Ideogram 4.0 Partner Node テキスト-to-画像ワークフロー

<Card title="Comfy Cloud で実行" icon="cloud" href="https://cloud.comfy.org/?template=api_ideogram_v4_t2i&utm_source=docs&utm_medium=referral&utm_campaign=ideogram-v4">
Expand Down
10 changes: 10 additions & 0 deletions ko/tutorials/image/ideogram/ideogram-v4.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,6 +12,16 @@ Ideogram 4.0은 Ideogram에서 출시한 최신 텍스트-to-이미지 모델로

<UpdateReminder/>

## Ideogram 4.0 비디오 튜토리얼

<iframe
className="w-full aspect-video rounded-xl"
src="https://www.youtube.com/embed/gO-D5eO8VlA?si=ehD_qzll3yCzirpP"
title="Ideogram 4.0 in ComfyUI"
allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowFullScreen
></iframe>

## Ideogram 4.0 텍스트-to-이미지 워크플로우

<Card title="Comfy Cloud에서 실행" icon="cloud" href="https://cloud.comfy.org/?template=image_ideogram4_t2i&utm_source=docs&utm_medium=referral&utm_campaign=ideogram-v4">
Expand Down
10 changes: 10 additions & 0 deletions ko/tutorials/partner-nodes/ideogram/ideogram-v4.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -14,6 +14,16 @@ Ideogram 4.0은 Ideogram의 최신 텍스트-to이미지 모델로, 뛰어난
<ReqHint/>
<UpdateReminder/>

## Ideogram 4.0 비디오 튜토리얼

<iframe
className="w-full aspect-video rounded-xl"
src="https://www.youtube.com/embed/gO-D5eO8VlA?si=ehD_qzll3yCzirpP"
title="Ideogram 4.0 in ComfyUI"
allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowFullScreen
></iframe>

## Ideogram 4.0 파트너 노드 텍스트-to이미지 워크플로우

<Card title="Comfy Cloud에서 실행" icon="cloud" href="https://cloud.comfy.org/?template=api_ideogram_v4_t2i&utm_source=docs&utm_medium=referral&utm_campaign=ideogram-v4">
Expand Down
10 changes: 10 additions & 0 deletions tutorials/image/ideogram/ideogram-v4.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,6 +10,16 @@ Ideogram 4.0 is the latest text-to-image model from Ideogram, released as an ope

<UpdateReminder/>

## Ideogram 4.0 Video Tutorial

<iframe
className="w-full aspect-video rounded-xl"
src="https://www.youtube.com/embed/gO-D5eO8VlA?si=ehD_qzll3yCzirpP"
title="Ideogram 4.0 in ComfyUI"
allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowFullScreen
></iframe>
Comment on lines +15 to +21

@coderabbitai coderabbitai Bot Jun 20, 2026

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

⚠️ Potential issue | 🟠 Major | ⚡ Quick win

Missing referrerpolicy and incomplete allow list—deviates from repo's established YouTube iframe pattern.

The iframe is missing two security/privacy attributes present in the repo's standard YouTube embed (seen in registry/publishing.mdx:11-15):

  • referrerpolicy="strict-origin-when-cross-origin" – controls referrer data sent to YouTube
  • Missing permissions in the allow list: "autoplay" and "web-share"

Additionally, the repo's pattern uses inline style={{ width: "100%", borderRadius: "0.5rem" }} for layout; this code uses Tailwind className. If the codebase is transitioning to Tailwind, that's fine—but ensure consistency across the repo. Frameborder, while deprecated in HTML5, is also present in the repo's pattern and should be included for consistency.

🔒️ Proposed fix to align with repo's iframe pattern 
 <iframe
-  className="w-full aspect-video rounded-xl"
+  style={{ width: "100%", borderRadius: "0.5rem" }}
   src="https://www.youtube.com/embed/gO-D5eO8VlA?si=ehD_qzll3yCzirpP"
   title="Ideogram 4.0 in ComfyUI"
+  frameborder="0"
-  allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+  allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
+  referrerpolicy="strict-origin-when-cross-origin"
   allowFullScreen
 ></iframe>

Alternatively, if the codebase uses Tailwind CSS, confirm this styling approach is consistent with other embeds in the repo and keep className, but do add the missing security attributes (referrerpolicy, expanded allow).

📝 Committable suggestion

‼️ IMPORTANT
Carefully review the code before committing. Ensure that it accurately replaces the highlighted code, contains no missing lines, and has no issues with indentation. Thoroughly test & benchmark the code to ensure it meets the requirements.

Suggested change
<iframe
className="w-full aspect-video rounded-xl"
src="https://www.youtube.com/embed/gO-D5eO8VlA?si=ehD_qzll3yCzirpP"
title="Ideogram 4.0 in ComfyUI"
allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowFullScreen
></iframe>
<iframe
style={{ width: "100%", borderRadius: "0.5rem" }}
src="https://www.youtube.com/embed/gO-D5eO8VlA?si=ehD_qzll3yCzirpP"
title="Ideogram 4.0 in ComfyUI"
frameBorder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
referrerpolicy="strict-origin-when-cross-origin"
allowFullScreen
></iframe>
🤖 Prompt for AI Agents 
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

In `@tutorials/image/ideogram/ideogram-v4.mdx` around lines 15 - 21, The iframe
element is missing security and privacy attributes required by the repo's
established YouTube embed pattern. Add the missing referrerpolicy attribute with
value "strict-origin-when-cross-origin" to control referrer data privacy. Expand
the allow attribute list to include both "autoplay" and "web-share" in addition
to the existing permissions. Additionally, align the styling approach with the
repo's pattern by either replacing the Tailwind className approach with inline
style attributes (width: "100%" and borderRadius: "0.5rem") or confirming that
the Tailwind className approach is now the standard across all embeds in the
repo. Consider also adding the frameborder="0" attribute for consistency with
the established pattern in the repository, even though it is deprecated in
HTML5.


## Ideogram 4.0 Text-to-Image Workflow

<Card title="Run in Comfy Cloud" icon="cloud" href="https://cloud.comfy.org/?template=image_ideogram4_t2i&utm_source=docs&utm_medium=referral&utm_campaign=ideogram-v4">
Expand Down
10 changes: 10 additions & 0 deletions tutorials/partner-nodes/ideogram/ideogram-v4.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,6 +12,16 @@ Ideogram 4.0 is the latest text-to-image model from Ideogram, offering superior
<ReqHint/>
<UpdateReminder/>

## Ideogram 4.0 Video Tutorial

<iframe
className="w-full aspect-video rounded-xl"
src="https://www.youtube.com/embed/gO-D5eO8VlA?si=ehD_qzll3yCzirpP"
title="Ideogram 4.0 in ComfyUI"
allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowFullScreen
></iframe>

## Ideogram 4.0 Partner Node Text-to-Image Workflow

<Card title="Run in Comfy Cloud" icon="cloud" href="https://cloud.comfy.org/?template=api_ideogram_v4_t2i&utm_source=docs&utm_medium=referral&utm_campaign=ideogram-v4">
Expand Down
10 changes: 10 additions & 0 deletions zh/tutorials/image/ideogram/ideogram-v4.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,6 +12,16 @@ Ideogram 4.0 是 Ideogram 最新推出的文生图模型，已作为开源模型

<UpdateReminder/>

## Ideogram 4.0 视频教程

<iframe
className="w-full aspect-video rounded-xl"
src="https://www.youtube.com/embed/gO-D5eO8VlA?si=ehD_qzll3yCzirpP"
title="Ideogram 4.0 in ComfyUI"
allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowFullScreen
></iframe>

## Ideogram 4.0 文生图工作流

<Card title="在 Comfy Cloud 中运行" icon="cloud" href="https://cloud.comfy.org/?template=image_ideogram4_t2i&utm_source=docs&utm_medium=referral&utm_campaign=ideogram-v4">
Expand Down
10 changes: 10 additions & 0 deletions zh/tutorials/partner-nodes/ideogram/ideogram-v4.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -14,6 +14,16 @@ Ideogram 4.0 是 Ideogram 最新推出的文生图模型，具有出色的照片
<ReqHint/>
<UpdateReminder/>

## Ideogram 4.0 视频教程

<iframe
className="w-full aspect-video rounded-xl"
src="https://www.youtube.com/embed/gO-D5eO8VlA?si=ehD_qzll3yCzirpP"
title="Ideogram 4.0 in ComfyUI"
allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowFullScreen
></iframe>

## Ideogram 4.0 文生图工作流

<Card title="在 Comfy Cloud 中运行" icon="cloud" href="https://cloud.comfy.org/?template=api_ideogram_v4_t2i&utm_source=docs&utm_medium=referral&utm_campaign=ideogram-v4">
Expand Down
Loading