Skip to content

display_text.md

Latest commit

 

History

History
147 lines (107 loc) · 4.65 KB

display_text.md

File metadata and controls

147 lines (107 loc) · 4.65 KB

Display Text

The Display Text node provides advanced text display capabilities with smart formatting, interactive features, and responsive design for ComfyUI workflows.

Features

  • Smart Prompt Detection: Automatically detects and formats SDXL-style positive/negative prompt pairs
  • Text Wrapping: Proper word wrapping that reflows when node is resized
  • Scrollable Content: Mouse wheel scrolling for long texts with visual indicators
  • Copy Functionality: Always-visible copy button with visual feedback
  • Split View Mode: Side-by-side display for prompt pairs
  • Responsive Design: Content adapts to node resizing

Inputs

  • text (STRING): The text to display
    • Can be a single text block
    • Can contain "Positive prompt:" and "Negative prompt:" sections for automatic split view

Outputs

  • text (STRING): Pass-through of the input text

Display Modes

Single Text Mode

When the input is regular text without prompt markers, it displays as a single scrollable text area with:

  • Word wrapping at word boundaries
  • Vertical scrolling for long content
  • Single copy button for the entire text

Split View Mode

Automatically activated when text contains both "Positive prompt:" and "Negative prompt:" sections:

  • Side-by-side display with 50/50 split
  • Independent scrolling for each section
  • Separate copy buttons for each prompt
  • Labels are stripped when copying (clean prompts)

Usage Examples

1. Display Generated Prompts

Gemini Prompt → Display Text → Copy to workflow

The node automatically detects SDXL format and shows positive/negative prompts side-by-side.

2. Debug Text Processing

Text Processing → Display Text → Further Processing

View intermediate text processing results with proper formatting.

3. Show Long Descriptions

Load Text → Display Text → Review

Display long text content with scrolling and word wrapping.

Interactive Features

Copy Button

  • Always visible in the top-right corner
  • Shows "✓ Copied!" feedback on click
  • In split view: separate buttons for each section
  • Strips prompt labels for clean copying

Scrolling

  • Mouse wheel scrolling when hovering over text
  • Visual indicators appear when content is scrollable
  • Smooth scrolling with proper boundaries
  • Independent scrolling in split view mode

Resizing

  • Text reflows when node width changes
  • Maintains readability at different sizes
  • Split view maintains 50/50 proportions
  • Minimum height ensures usability

Smart Prompt Detection

The node intelligently detects prompt formats:

  1. SDXL Format:

    • Looks for "Positive prompt:" and "Negative prompt:" markers
    • Case-insensitive detection
    • Handles various formatting styles

  2. Label Stripping:

    • When copying from split view, labels are removed
    • "Positive prompt: beautiful sunset" → "beautiful sunset"
    • Clean prompts ready for direct use

Styling

  • Font: Monospace for consistent alignment
  • Colors:
    • Text: Light gray (#ddd) on dark background
    • Background: Semi-transparent dark (#1a1a1a)
    • Borders: Subtle gray (#333)
  • Spacing: Comfortable padding and line height
  • Visual Feedback: Hover effects on interactive elements

Use Cases

Prompt Engineering Workflows

  • Display AI-generated prompts with proper formatting
  • Compare positive and negative prompts side-by-side
  • Copy refined prompts without manual cleanup

Text Processing Pipelines

  • Debug text transformations at each step
  • View formatted outputs from text nodes
  • Monitor prompt construction workflows

Documentation and Notes

  • Display workflow instructions
  • Show generation parameters
  • Present formatted metadata

Technical Details

  • Text Processing: Preserves original text while adding display formatting
  • Responsive Design: CSS-based layout adapts to node dimensions
  • Event Handling: Proper event propagation for ComfyUI compatibility
  • Memory Efficient: Only renders visible text portions

Tips

  1. For Long Prompts: The scrolling feature handles texts of any length efficiently
  2. Quick Copy: Use the copy buttons to quickly grab prompts for other nodes
  3. Resizing: Drag node edges to find optimal display width for your content
  4. Split View: Works best with SDXL-format prompts but handles any dual-section text

Integration Example

[Gemini Prompt Engineer] → [Display Text] → [Copy Button Click]
         ↓                        ↓                    ↓
   SDXL Format            Split View Display    Clean Prompts

This creates a seamless workflow from prompt generation to usage, with the Display Text node providing the visual interface for review and interaction.