# ace-editor-groovy LLMs.txt > 供 LLM 快速理解 `@flatbiz/antd/ace-editor-groovy` 的使用方式。 ## 模块定位 groovy编辑器 ## 导入方式 ```ts import { AceEditorGroovy } from '@flatbiz/antd/ace-editor-groovy'; // 也可以从主入口导入:import { ... } from '@flatbiz/antd'; ``` ## 公开导出 - `AceEditorGroovy` - groovy编辑器 - `AceEditorGroovyProps` - `* from ./editor.jsx` ## Props / 配置要点 ### AceEditorGroovyProps - `height`(可选):: string;编辑器高度,默认值:100%,可输入值例如 300px、100% - `value`(可选):: string | TPlainObject | TPlainObject[] - `onChange`(可选):: (value?: string | TPlainObject | TPlainObject[]) => void - `autoCompleterList`(可选):: { name: string; desc?: string }[];配置输入自动提示关键字 - `theme`(可选):: string;编辑器主题配置,例如:github、terminal、xcode - `hiddenFormatterBtn`(可选):: boolean;隐藏【美化】按钮 ## 使用规则与行为 - 编辑器高度,默认值:100%,可输入值例如 300px、100% - 配置输入自动提示关键字 - 编辑器主题配置,例如:github、terminal、xcode - 隐藏【美化】按钮 - groovy编辑器 - 向编辑器中添加自动补全列表 ## 默认值线索 - `height => '100%'` ## 基础示例 ```tsx import { AceEditorGroovy, type AceEditorGroovyProps } from '@flatbiz/antd/ace-editor-groovy'; const props: AceEditorGroovyProps = { // 按业务传入必要参数 }; ; ``` ## 源码索引 - `src/ace-editor-groovy/editor.tsx` - `src/ace-editor-groovy/index.ts` ## 给 LLM 的注意事项 - 优先使用 `@flatbiz/antd/ace-editor-groovy` 或主入口 `@flatbiz/antd` 的公开导出,不要引用内部实现文件。 - 当 Props 与 antd 原组件同名能力冲突时,以本模块导出的 Props 类型为准。 - 若文档未覆盖某个边缘参数,请读取上方源码索引中的类型定义和 JSDoc。