Sign in

Nodes Browser

ComfyDeploy: How ComfyUI-Syntax-Highlighting works in ComfyUI?

What is ComfyUI-Syntax-Highlighting?

Syntax highlighting and other quality of life improvements for ComfyUI.

How to install it in ComfyDeploy?

Head over to the machine page

  1. Click on the "Create a new machine" button
  2. Select the Edit build steps
  3. Add a new step -> Custom Node
  4. Search for ComfyUI-Syntax-Highlighting and select it
  5. Close the build step dialig and then click on the "Save" button to rebuild the machine
<h1 align="center"> ComfyUI Syntax Highlighting </h1>

Syntax highlighting and other quality of life improvements for ComfyUI.

Features

  • Multiline textbox syntax highlighting.
    • Weight highlighting.
    • Lora highlighting.
      • Incorrect lora highlighting.
    • Embedding Highlighting.
      • Incorrect embedding highlighting.
    • Duplicate tag highlighting.
    • Unclosed span highlighting.
  • Favorite combo values.
  • Preview images for combo values.

Configuration

To get preview images, you have to put them in ../ComfyUI/custom_nodes/ComfyUI-Syntax-Highlighting/web/images. The name of the image must match the name of the combo value exactly (except the file extension).

You can also use the Save Preview Image node to save a generated image to the correct location.

To favorite the currently selected combo value, right click the node and click favorite [name], if there are several combo inputs, it will be a submenu with all favorite options inside it.

Settings

Textbox

| Setting Name | Type | Description | | ---------------------- | ------------------------ | ---------------------------------------------------------------------------------------------- | | Textbox Colors | Multiline text | A list of either rgb or hex colors, one color per line. | | Textbox Highlight Type | Combo (Strength/Nesting) | If strength, only the first and last colors will be used. If nesting, all colors will be used. | | Tag Tooltips | Boolean | When hovering over a tag in a textbox, show the tag's tooltip. |

Combo

| Setting Name | Type | Description | | --------------------- | ------------ | ---------------------------------------- | | Favorite On Top | Boolean | Put favorite items over all other items. | | Combo Highlight Color | Color picker | |

Preview Image

| Setting Name | Type | Description | | ------------------------- | ------------------ | ------------------------------------ | | Preview Image Hover Delay | Slider (0-1000) | | | Preview Image Padding | Slider (0-100) | | | Preview Image Side | Combo (Left/Right) | | | Preview Image Size | Slider (100-1000) | | | Index Images | Button | Update images available for preview. |

Examples

Textbox Highlighting

Textbox

Favorite Combo Value

Combo

Preview Image

Preview