Implementation:Infiniflow Ragflow Document Util

Knowledge Sources	Infiniflow_Ragflow
Domains	Frontend, Document_Processing
Last Updated	2026-02-12 06:00 GMT

Overview

Concrete utility functions for document and chunk handling including chunk highlight building in the RAGFlow frontend.

Description

The utils/document-util.ts module provides functions for building PDF highlight annotations from chunk position data, formatting chunk display text, and computing chunk-to-page mappings for document viewer integration.

Usage

Import these utilities in document viewer and chunk display components where chunk positions need to be rendered as highlights on PDF pages.

Code Reference

Source Location

• Repository: Infiniflow_Ragflow
• File: web/src/utils/document-util.ts
• Lines: 1-63

Signature

export function buildChunkHighlights(positions: number[][]): HighlightArea[];
export function getChunkPageNumbers(positions: number[][]): number[];

Import

import { buildChunkHighlights } from '@/utils/document-util';

I/O Contract

Inputs

Name	Type	Required	Description
positions	number[][]	Yes	Chunk position coordinates array

Outputs

Name	Type	Description
buildChunkHighlights()	HighlightArea[]	PDF highlight annotation areas

Usage Examples

import { buildChunkHighlights } from '@/utils/document-util';

const highlights = buildChunkHighlights(chunk.positions);
// Pass to PDF viewer component for rendering

Related Pages

• Environment:Infiniflow_Ragflow_Frontend_Node_Environment