Nodes/ComfyUI_doubao_seed/连环画HTML内嵌预览
ComfyUI Node

连环画HTML内嵌预览

The in-canvas HTML preview

By xuchenxu168·Created 11 months ago·Updated 9 months ago· 19
连环画HTML内嵌预览
    • html_content
    viewer_path
    width800
    height600
    scale1.0

    The comic-book workflow's feedback loop lives in this node. 连环画HTML内嵌预览 ("HTML embedded preview") renders the interactive HTML comic - the one produced by ComicHTMLViewerNode - right inside the ComfyUI interface, in an iframe on the node itself. You don't have to Alt-Tab to a browser to see whether the rabbit's eyes match page three. It's the node you keep in the graph during a whole iteration session and drop when you're done.

    How it works

    Give it the path to the HTML file and it reads the file from disk and returns the content to its front-end JavaScript (web/comic_html_preview.js), which drops it into an iframe sized to your width / height / scale settings. The whole interactive viewer comes along for free - page buttons, keyboard arrows, transitions - because it's just rendering the same HTML the browser node opens. There's a refresh mechanism so re-running the upstream viewer node updates the preview in place.

    It's a pure local utility: no API, no key, no network. That also makes it a useful diagnostic - if you can preview an HTML file here, the problem is upstream (generation), not the pack's plumbing.

    Inputs and output

    • viewer_path (required) - the absolute path string from ComicHTMLViewerNode.viewer_path. Also handles a file path typed in manually.
    • width / height - preview window size in pixels (100–2000, defaults 800×600). Good for squeezing it onto a small screen or blowing it up when you're reading dialogue.
    • scale - 0.1–2.0 zoom, default 1.0.

    It has a single output, html_content, which is just the HTML string it read - a pass-through you can route to other string tools if you ever want the markup itself. The node is marked as an output node, so it renders its preview automatically when the workflow runs.

    Install & setup

    Same pack, same install:

    cd ComfyUI/custom_nodes
    git clone https://github.com/xuchenxu168/ComfyUI_doubao_seed
    cd ComfyUI_doubao_seed
    pip install -r requirements.txt
    

    Restart ComfyUI and it shows up under Ken-Chen/Doubao.

    Gotchas

    The README's most-emphasized troubleshooting entry is exactly this node showing a blank window. The three usual causes, in order: the WEB_DIRECTORY = "./web" entry didn't load (restart ComfyUI, check the startup log for "[Doubao-Seed] Plugin loading completed!"), a stale browser cache (hard refresh), or viewer_path pointing at a file that doesn't exist (the node will render an error panel instead of a comic - that's its honest face when the path is wrong). If you see the error panel, the path is the problem, not the node.

    CategoryKen-Chen/Doubao

    Inputs (4)

    NameTypeDefaultDescription
    viewer_pathSTRING
    widthoptINT800100–2000
    heightoptINT600100–2000
    scaleoptFLOAT1.00.1–2

    Outputs (1)

    NameTypeDescription
    html_contentSTRING