Principle:Infiniflow Ragflow Chunk Display
| Knowledge Sources | |
|---|---|
| Domains | Frontend, Chunk_Management |
| Last Updated | 2026-02-12 06:00 GMT |
Overview
A UI presentation pattern for rendering document chunk content with sanitized HTML display, image previews, and interactive state management.
Description
Chunk Display governs how individual document chunks are visually rendered to users. Each chunk card shows sanitized content, thumbnail images with hover previews, selection checkboxes, enable/disable toggles, and supports click/double-click interactions. The pattern handles both full-text and ellipsis display modes.
Usage
Applied wherever chunk content needs to be displayed in list views, such as the knowledge base chunk browser and dataflow pipeline results.
Theoretical Basis
Follows the Card UI Pattern where each data entity is rendered as a discrete visual unit with preview capabilities. HTML sanitization via DOMPurify prevents XSS while preserving formatting.