`，但不包含 ``。在 Fumadocs MDX 之外，則會保留 `File`、`TypeTable`、`Callout` 與 `Card`。您可以透過 `filterElement` 變更此行為：
```ts tab="unified" title="source.config.ts"
import { defineConfig } from 'fumadocs-mdx/config';
export default defineConfig({
mdxOptions: {
remarkStructureOptions: {
filterElement: (node) => node.name === 'Callout' || node.name === 'Banner',
},
},
});
```
```ts tab="Sätteri" title="source.config.ts"
import { defineConfig, defineDocs } from 'fumadocs-mdx/config';
export const docs = defineDocs({
docs: { compiler: 'satteri' },
});
export default defineConfig({
satteriOptions: {
remarkStructureOptions: {
filterElement: (node) => node.name === 'Callout' || node.name === 'Banner',
},
},
});
```
## 元件 [#components]
在 Fumadocs MDX 中，保留下來的 JSX 元素會依您讀取紀錄的方式，以下列兩種形式之一記錄：
* `page.data.structuredData`：不會算繪元件。該元素會保留為 HTML 標籤，再由搜尋對話方塊將其作為元件算繪。若使用 `async` 或 `dynamic` 集合，請從已載入的頁面讀取。
* `await page.data.structuredData()`：會針對 [`search` 目標](/docs/headless/utils/markdown#targets)算繪元件，並將該元素替換為對應的 Markdown 形式。只有 `async` 與 `dynamic` 集合提供此函式。
算繪時，元件的查找方式與 MDX 相同：先查找檔案中的匯入與宣告，再查找[頁面 props](/docs/headless/source-api#custom-props) 中的 MDX 元件。
搜尋會從 `getPages()` 讀取頁面，而這些頁面不含自訂 props。若希望搜尋時能算繪某個元件，請在檔案中匯入或宣告該元件。
元件可透過 [`asMarkdown()`](/docs/headless/utils/markdown#asmarkdown) 定義供搜尋使用的文字：
```tsx
import { asMarkdown } from 'fumadocs-core/server';
export function ProductName() {
if (asMarkdown()) return 'Fumadocs';
return Fumadocs;
}
```
沒有對應 Markdown 形式的元件會保留為 JSX 語法，與頁面 props 中缺少的 MDX 元件處理方式相同。
## 外掛 [#plugins]
外掛插入的節點不會被記錄。外掛需透過 `data.structuredData` 自行加入其節點的紀錄：
```ts
node.data = {
...node.data,
structuredData: {
// `heading` 預設為目前的標題
contents: [{ heading: undefined, content: 'Generated **content**' }],
},
};
```
若只想變更紀錄中所撰寫內容的 Markdown，請使用 [`replaceSource()`](/docs/headless/mdx/stringification#editing-the-output) 編輯 `search` 命名空間。
## 作為函式使用 [#as-a-function]
在 unified 中，`structure()` 會從字串擷取紀錄：
```ts
import { structure } from 'fumadocs-core/mdx-plugins';
import remarkMath from 'remark-math';
// 傳入您的內容所需的 remark 外掛
const data = structure(content, [remarkMath], options);
```
## 選項 [#options]
### StructureOptions
| Prop | Type | Description |
| ---------------- | ----------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| `types?` | `string[] \| ((node: Nodes) => boolean) \| undefined` | MDAST node types to be scanned as a content block. If a node's type is listed in this array, it will be converted into a single content block, except tables which become a content block per row, along with the header row. Default: `['heading', 'paragraph', 'blockquote', 'table', 'mdxJsxFlowElement']` |
| `mdxTypes?` | `((node: JsxElement) => boolean) \| undefined` | Whether the MDX element should be treated as a single content block, only effective if `types` has `mdxJsxFlowElement`. Default: return `true` if the element is a leaf node, otherwise `false`. |
| `filterElement?` | `((node: JsxElement) => boolean) \| undefined` | Return `true` to keep a JSX element, other elements are replaced by their content. Kept elements are HTML tags, or render into Markdown like processed Markdown when the export is a function of the props. Default: `File`, `TypeTable`, `Callout` and `Card` elements, or the elements of components when the export is a function of the props. |
| `exportAs?` | `string \| boolean \| undefined` | export as `structuredData` (if true) or specified variable name. |