WebSquare AI 6.0_0.1636B 엔진 예제 모음

WebSquare New Component & Function Examples

WebSquare 신규 컴포넌트·공통 기능 데모, AI 컴포넌트 두 종, 엔진 레퍼런스 예제(WRE)로 가는 통합 진입 화면입니다. New Component & Function 은 실무 구현에 참고할 수 있는 선별 예제를, wAI-Chart 는 데이터 시각화를, wAI-Editor 는 위지윅 HTML 편집을 담당하며, WRE 는 그 밖의 모든 컴포넌트의 사용 예를 담습니다.

Curated implementation demos

WebSquare New Component & Function

example-index.html

UI 공통 기능, WebSquare 신규 컴포넌트, 외부 Web API 연동 사례를 실무 화면 중심으로 선별한 예제 인덱스입니다. 키워드 검색과 카테고리 이동을 지원하며, 각 항목에서 실행 화면과 제공되는 소스 파일을 바로 확인할 수 있습니다.

14전체 예제

3UI Examples

9Component Examples

2External JS Examples

New Component & Function 예제 열기 dynamicCreate·DataCollection·ListView·CardView·GridView·PivotGrid과 MediaRecorder·Canvas 예제를 하나의 검색 가능한 화면에서 탐색합니다.

UI Examples Components External JS

Data visualization component

wAI-Chart

<w2:chart>

Apache ECharts 를 감싼 WebSquare 차트 컴포넌트입니다. 차트의 모양·데이터·상호작용은 option 객체로 정의하며, 그 문법과 API 규격은 ECharts 를 그대로 따릅니다.

385샘플 화면

49차트 타입 분류

22속성 그룹

16장개발 가이드

wAI-Chart 갤러리 및 개발 가이드 차트 타입 49종·속성 22개 그룹에 걸친 ECharts 샘플 377건과, option·API·GL 레퍼런스, 16장 분량의 개발자 가이드를 하나의 화면에서 제공합니다. 테마 8종을 전환하며 결과를 비교할 수 있습니다.

Samples Option API GL Docs Editor

예제 편집기 option 을 화면 안에서 고쳐 바로 다시 그려 봅니다. ECharts 공식 editor.html 에 대응합니다.

WYSIWYG Editor component

wAI-Editor

<w2:editor wAIEditor="true">

WebSquare 위지윅 에디터 컴포넌트입니다. 본문을 HTML 로 넣고 빼는 기본 API 부터, 콘텐츠 영역의 DOM 을 직접 다뤄 서식을 조립하는 실무 화면까지 두 단계로 확인할 수 있습니다.

2예제 화면

2개발 가이드

15장가이드 분량

wAI-Editor 예제 및 개발 가이드 실행 예제 2종과 개발 가이드 2종을 하나의 화면에서 제공합니다. 가이드는 목차·검색이 붙은 뷰어로 읽고, 갤러리와 테마 8종을 공유합니다.

editHTML makeForm 마이그레이션 가이드 DOM 조작 가이드

editHTML API 데모입니다. setHTML()·getHTML() 로 본문을 주고받고, oncontentclick 으로 클릭 지점을 잡고, view.dom 으로 콘텐츠 영역의 DOM 을 직접 조회·수정합니다. makeForm — 서식 등록/편집 KRX 택사노미 기반 서식 편집 화면입니다. 항목 팔레트로 서식을 구성하고 iXBRL 표준 본문(.xhtml)·단위서식 템플릿으로 내보냅니다.

Engine reference application

WebSquare Reference Examples

example.websquare.kr

WebSquare 엔진이 제공하는 컴포넌트 전체를 실행 상태로 모아 둔 레퍼런스 애플리케이션입니다. GridView·TabControl·Treeview·Upload·Wframe 처럼 wAI-Chart·wAI-Editor 가 다루지 않는 컴포넌트의 사용 예와, 화면마다 붙은 속성·이벤트·API 문서를 함께 확인할 수 있습니다.

429예제 화면

59컴포넌트 분류

431문서 연결 화면

3종가이드 언어

WebSquare Reference Examples 열기 컴포넌트 59개 분류에 걸친 실행 예제 429화면을 왼쪽 트리에서 골라 바로 실행해 봅니다. 화면 대부분에 속성·이벤트·API 문서가 함께 붙어 있고, 접속 기기에 따라 PC·모바일 화면으로 나뉘어 열립니다.