Слияние кода завершено, страница обновится автоматически
| category | type | title | subtitle |
|---|---|---|---|
Pro Components |
Data Entry |
CodeArea |
代码域 |
文本域用于输入一段文字。
用于编辑或展示代码
| 属性 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| options | 编辑器配置，详见CodeMirror Options | object | |
| formatHotKey | 格式化快捷键 | string | Alt+F |
| unFormatHotKey | 清除格式化快捷键 | string | Alt+R |
| formatter |
CodeAreaFormatter类的实例，用于格式化 |
CodeAreaFormatter | new JSONFormatter() |
| editorDidMount | 在实例挂载前回调函数 | (editor: IInstance, value: string, cb: () => void) => void; | |
| themeSwitch | 默认主题切换设置( options 中设置 theme 或者不设置 themeSwitch，则不显示主题切换按钮)。不设置，默认 idea 主题，可选值 idea | material
|
string | |
| title | 标题 | ReactNode | |
| placeholder | 占位词 | string |
更多属性请参考 FormField。
组件内置'neat' 'idea' 'material'三个主题，默认 'idea'，使用更多主题需要引入对应的样式文件，如下：
// style.less
@import '~codemirror/theme/eclipse.css';
或在*.js文件中引用
import 'codemirror/theme/eclipse.css';
所有可用主题请参考 CodeMirror Themes。
更多编辑器配置可以直接作为输入属性传递给组件，如下：
const options = { tabSize: 4, viewportMargin: Infinity };
<CodeArea options={options} />
所有可用的配置项请参考 CodeMirror Options。
Вы можете оставить комментарий после Вход в систему
Неприемлемый контент может быть отображен здесь и не будет показан на странице. Вы можете проверить и изменить его с помощью соответствующей функции редактирования.
Если вы подтверждаете, что содержание не содержит непристойной лексики/перенаправления на рекламу/насилия/вульгарной порнографии/нарушений/пиратства/ложного/незначительного или незаконного контента, связанного с национальными законами и предписаниями, вы можете нажать «Отправить» для подачи апелляции, и мы обработаем ее как можно скорее.
Комментарий ( 0 )