Implementation:Infiniflow Ragflow ChildrenDelimiterForm 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 children delimiter patterns with visual escape sequence conversion provided by the RAGFlow frontend.

Description

Exports ChildrenDelimiterForm (form section with enable toggle and delimiter input) and DelimiterInput (forwardRef input that converts escape sequences like \n, \t to visual representations and back). The DelimiterInput handles bidirectional conversion between stored escape strings and displayed visual tokens.

Usage

Import this component in document parsing configuration forms where users need to specify text delimiters for child chunk separation.

Code Reference

Source Location

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

Signature

export const DelimiterInput = forwardRef<HTMLInputElement, InputProps>(
  function DelimiterInput(props, ref)
);

export function ChildrenDelimiterForm(): JSX.Element;

Import

import { ChildrenDelimiterForm, DelimiterInput } from '@/components/children-delimiter-form';

I/O Contract

Inputs

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

Outputs

Name	Type	Description
Form values	object	children_delimiter config with enable flag and pattern

Usage Examples

import { ChildrenDelimiterForm } from '@/components/children-delimiter-form';

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

Related Pages

• Environment:Infiniflow_Ragflow_Frontend_Node_Environment