7.5.2.54. CodeEditor


一个基本的 lazy 加载的代码编辑器,带有悬停的帮助和完成。

Example

<React.Suspense fallback={<LoadingBox />}>
  <CodeEditor
    value={code}
    language="yaml"
  />
</React.Suspense>

Expand
参数名称描述

value

代表要呈现的 yaml 代码的字符串。

language

代表编辑器语言的字符串。

options

Monaco 编辑器选项.如需更多详细信息,请访问 Interface IStandAloneEditorConstructionOptions

minHeight

有效 CSS 高度中的值的最小编辑器高度。

showShortcuts

布尔值,以显示编辑器顶部的快捷方式。

toolbarLinks

编辑器顶部的工具栏链接部分上 ReactNode rendered 的数组。

onChange

代码更改事件的回调。

onSave

触发命令 CTRL / CMD + S 时调用的回调。

ref

{ editor?: IStandaloneCodeEditor } 的响应参考。使用 editor 属性,您可以访问所有方法来控制编辑器。如需更多信息,请访问 Interface IStandaloneCodeEditor

Red Hat logoGithubredditYoutubeTwitter

学习

尝试、购买和销售

社区

關於紅帽

我们提供强化的解决方案,使企业能够更轻松地跨平台和环境(从核心数据中心到网络边缘)工作。

让开源更具包容性

红帽致力于替换我们的代码、文档和 Web 属性中存在问题的语言。欲了解更多详情,请参阅红帽博客.

关于红帽文档

Legal Notice

Theme

© 2026 Red Hat
返回顶部