Skip to content

docs: 배경 글을 README·랜딩에서 링크 #36

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
jlc488 merged 1 commit into from
Aug 8, 2026
Merged

docs: 배경 글을 README·랜딩에서 링크 #36

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 2 additions & 0 deletions README.ko.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -13,6 +13,8 @@

Froala·TinyMCE·CKEditor 5·Quill 등 범용 WYSIWYG 에디터에는 줄자가 없고, Syncfusion·DevExpress·ONLYOFFICE 같은 무거운 문서형 컴포넌트에만 있습니다. `editor-ruler`는 **에디터 불문 코어** + 얇은 **에디터별 어댑터** 구조로 이 공백을 채웁니다.

📄 **왜 만들었나:** [Every web rich-text editor is missing a ruler](https://medium.com/@sinny78/every-web-rich-text-editor-is-missing-a-ruler-bb749d9ee0d3) — 이 공백이 왜 생겼는지, 페이지 모델이 없는 HTML에서 줄자란 무엇일 수 있는지, 만들면서 밟은 함정들 (영문).

## 패키지

| 패키지 | 설명 |
Expand Down
2 changes: 2 additions & 0 deletions README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -13,6 +13,8 @@ A **Word-like horizontal ruler** for web rich-text editors — left/right margin

Every classic WYSIWYG editor (Froala, TinyMCE, CKEditor 5, Quill, …) ships without a ruler; only heavyweight document-model components (Syncfusion, DevExpress, ONLYOFFICE) have one. `editor-ruler` fills that gap with an **editor-agnostic core** plus thin **per-editor adapters**.

📄 **Background reading:** [Every web rich-text editor is missing a ruler](https://medium.com/@sinny78/every-web-rich-text-editor-is-missing-a-ruler-bb749d9ee0d3) — why the gap exists, what a ruler can mean when there is no page model, and the gotchas found while building this.

## Packages

| Package | Description |
Expand Down
8 changes: 8 additions & 0 deletions site/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -110,6 +110,7 @@
border-radius: 999px; padding: 3px 12px; font-size: 12.5px; color: var(--muted);
}
.hero-cta { display: flex; gap: 10px; flex-wrap: wrap; }
.hero-story { margin: 14px 0 0; font-size: 13.5px; color: var(--muted); }
.btn {
display: inline-block; padding: 8px 18px; border-radius: 8px;
font-size: 14px; font-weight: 600; border: 1px solid var(--line);
Expand Down Expand Up @@ -247,6 +248,11 @@ <h1 data-i18n="hero.h1">웹 에디터에는 줄자가 없었습니다.<br />이
<a class="btn primary" href="#demo" data-i18n="cta.demo">라이브 데모 보기</a>
<a class="btn" href="#start" data-i18n="cta.start">시작하기</a>
</div>
<p class="hero-story" data-i18n="hero.story">
📄 왜 만들었나 —
<a href="https://medium.com/@sinny78/every-web-rich-text-editor-is-missing-a-ruler-bb749d9ee0d3" target="_blank" rel="noopener">Every web rich-text editor is missing a ruler</a>
(영문)
</p>
</div>

<div class="wrap">
Expand Down Expand Up @@ -476,6 +482,8 @@ <h2 data-i18n="h2.faq">자주 묻는 것</h2>
'badge.vruler': 'Vertical ruler',
'cta.demo': 'See the live demo',
'cta.start': 'Get started',
'hero.story':
'📄 Why this exists — <a href="https://medium.com/@sinny78/every-web-rich-text-editor-is-missing-a-ruler-bb749d9ee0d3" target="_blank" rel="noopener">Every web rich-text editor is missing a ruler</a>',
'h2.demo': 'Live demo — by editor',
'tab.core': 'Core (contenteditable)',
'chip.paragraphs': 'Paragraphs',
Expand Down
Loading