본문으로 건너뛰기

API 참조

<SchemaEditor /> — 속성​

속성타입기본값설명
valuestring필수편집기 콘텐츠
onChange(value: string) => void—콘텐츠가 변경될 때 호출
language"json" | "yaml" | "javascript"필수콘텐츠 언어
schemaJsonSchema—자동 완성과 진단에 사용하는 JSON Schema(json/yaml)
snippetsstring[]—JavaScript 인라인 자동 완성에 사용할 코드 조각 문자열
theme"light" | "dark""light"화면 테마
readOnlybooleanfalse편집 비활성화
placeholderstring—내용이 비어 있을 때 표시할 안내 문구
showDiagnosticsbooleantrue진단 상태 표시줄 표시
enableInlineSuggestionsbooleantrue인라인 제안 활성화
enableCompletionbooleantrue자동 완성 팝업 활성화
diagnosticsDebounceMsnumber250진단 디바운스 지연 시간

코어 내보내기 (@powerduck/schema-editor)​

함수설명
resolveSchemas(document)스키마 문서의 $ref 포인터 해석
validateSchema(data, schema)스키마에 따라 데이터 검증
generateSample(schema)JSON Schema에서 예제 데이터 생성
getCompletionItems(model, position)커서 위치의 자동 완성 항목 가져오기

타입​

import type { SchemaEditorProps } from "@powerduck/schema-editor/react";