> ## Documentation Index
> Fetch the complete documentation index at: https://docs.xpertai.cn/llms.txt
> Use this file to discover all available pages before exploring further.

# Document

The document component uses the [TinyMCE](https://github.com/tinymce/tinymce) library for editing and displaying rich text online.

In the story editing interface, click "**Document**" in the toolbar's insert area to create a document (rich text) component on the current page. After selecting this component, edit its settings in the property editing panel on the right:

## Data Configuration

Configure **data source** and **model** for calculating indicator results inserted into the document.

Insert indicators from the configured model into the document using the format `{{[#INDICATOR_CODE]}}`. When previewing or displaying, the system will automatically calculate the corresponding data results and display them in the appropriate location.

## Style

Style configuration includes general component style settings.

## 示例

<iframe src="https://app.xpertai.cn/public/story/point/3869d5fb-6ecb-4981-998b-60331a62ee0b" width="100%" height="500px" frameBorder="0" scrolling="no" allowFullScreen />