Implementation:Infiniflow Ragflow DelimiterFormField Component

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

Overview

Concrete form field for configuring text delimiters with escape sequence input transformation provided by the RAGFlow frontend.

Description

Exports DelimiterFormField (form field wrapper for delimiter configuration) and DelimiterInput (forwardRef input with escape sequence handling). The input transforms visual representations of escape sequences (\\n, \\t) to actual characters and back.

Usage

Import this component in chunking configuration forms where users specify the delimiter used to split text into chunks.

Code Reference

Source Location

• Repository: Infiniflow_Ragflow
• File: web/src/components/delimiter-form-field.tsx
• Lines: 1-86

Signature

export const DelimiterInput = forwardRef<HTMLInputElement, InputProps>(...);
export function DelimiterFormField(): JSX.Element;

Import

import { DelimiterFormField } from '@/components/delimiter-form-field';

I/O Contract

Inputs

Name	Type	Required	Description
Form context	react-hook-form	Yes	Must be within a FormProvider

Outputs

Name	Type	Description
Form value	string	Delimiter pattern string

Usage Examples

import { DelimiterFormField } from '@/components/delimiter-form-field';

<FormProvider {...methods}>
  <DelimiterFormField />
</FormProvider>

Related Pages

• Environment:Infiniflow_Ragflow_Frontend_Node_Environment