@iyulab/editor-components 0.6.2 → 0.6.3

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # Changelog
 
+## [0.6.3] - 2026-10-06
+
+### Documentation
+
+- README **Quick Start** — a first page with `u-text-editor` (its module only, so Monaco stays out of the bundle) that
+  reads the typed `change` detail. Checked against the published package in a clean Vite consumer: build, strict `tsc`
+  and a headless render.
+
 ## [0.6.2] - 2026-10-06
 
 ### Fixed

package/README.md

@@ -21,6 +21,33 @@ React 래퍼는 `/react` 서브패스로 제공됩니다:
 import { UCodeEditor, UTextEditor } from '@iyulab/editor-components/react';
 ```
 
+## Quick Start
+
+첫 페이지 — 리치 텍스트 에디터 하나와 그 내용 읽기(Vite 기준, `index.html` 이 `src/main.ts` 를 모듈로 싣는다).
+`u-text-editor` 만 쓰면 그 모듈만 불러 Monaco 를 번들에 넣지 않는다.
+
+```bash
+npm install @iyulab/editor-components @iyulab/components
+```
+
+```ts
+// src/main.ts
+import '@iyulab/components/styles/tokens.css';
+import '@iyulab/editor-components/dist/components/text-editor/UTextEditor.js';
+
+const editor = document.createElement('u-text-editor');
+editor.label = 'Note';
+editor.value = '<p>Hello <strong>editor</strong>.</p>';
+editor.style.height = '320px'; // 호스트 상자가 높이를 정한다 — 아래 「크기」
+
+const preview = document.createElement('pre');
+editor.addEventListener('change', (e) => {
+  preview.textContent = e.detail.text; // e.detail: { html, text, delta } — 타입이 붙는다
+});
+
+document.body.append(editor, preview);
+```
+
 ## 포함된 컴포넌트
 
 ### `u-code-editor` (UCodeEditor)

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@iyulab/editor-components",
   "description": "various editor components by iyulab",
-  "version": "0.6.2",
+  "version": "0.6.3",
   "keywords": [
     "iyulab",
     "web-components",