148 lines
4.7 KiB
Markdown
148 lines
4.7 KiB
Markdown
# 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.
|