7.5.2.54. CodeEditor

마우스로 도움말 및 완료가 포함된 기본 지연 로드 코드 편집기입니다.

예제

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

Expand

매개변수 이름	설명
`value`	렌더링할 yaml 코드를 나타내는 문자열입니다.
`언어`	편집기의 언어를 나타내는 문자열입니다.
`options`	Monaco 편집기 옵션입니다. 자세한 내용은 Interface IStandAloneEditorConstructionOptions 를 참조하십시오.
`minHeight`	유효한 CSS 별점 값의 최소 편집기 높이입니다.
`showShortcuts`	편집기 상단에 바로 가기를 표시하는 부울입니다.
`toolbarLinks`	편집기 상단에 있는 툴바 링크 섹션에서 렌더링된 ReactNode 배열입니다.
`Onchange`	콜백은 코드 변경 이벤트입니다.
`onSave`	CTRL / CMD + S 명령이 트리거될 때 호출되는 콜백입니다.
`ref`	`{ editor?: istandaloneCodeEditor }` 에 대한 참조에 대해 반응합니다. `editor` 속성을 사용하여 편집기를 제어하는 모든 메서드에 액세스할 수 있습니다. 자세한 내용은 Interface IStandaloneCodeEditor 를 참조하십시오.