DOM API

에디터의 문서모델(DOM)에 직접 접근하여 정보를 관리할 수 있는 기능을 제공합니다.

이 페이지의 기능: getAPIModelById(id) · querySelector/All · getRoot · render API 시연 · 체이너블 메서드 30+ 개 (속성·클래스·스타일·텍스트/HTML·DOM 조작·표 행/열) · 폼 ↔ 에디터 표 양방향 데이터 흐름 데모 · API 호출 로그 실시간 표시.

💡 사용법: 위쪽 폼에 값을 입력 → [입력] 버튼 → 에디터 양식의 해당 셀에 자동으로 채워집니다. 이후 에디터에서 내용을 자유롭게 편집한 뒤 [추출] 버튼을 누르면 아래 폼에 현재 값이 추출됩니다. 내부적으로는 editor.getAPIModelById('cell-...').setText() / .getText()가 호출됩니다.

1 입력 (Set) — 폼 값을 에디터 표 셀에 채워넣기

지원분야

성명

생년월일

현주소

연락처

이메일

2 에디터 (편집 가능한 양식)

3 추출 (Get) — 에디터 표 셀에서 값 읽어오기

지원분야

성명

생년월일

현주소

연락처

이메일

! 호출 로그

📘 상세한 DOM API 레퍼런스는 튜토리얼 §8에서 확인하세요.
제공 메서드: getAPIModelById / querySelector / querySelectorAll / getRoot / setText / getText / setHTML / setStyle / addClass / append / insertRow ··· (총 30+개)