Skip to content

Webcraft 0.10.0: 리치 에디터 참고 구현과 수정 화면·인쇄·보안·도구 개선 지침 - #44

Merged
dev-goraebap merged 2 commits into
mainfrom
codex/rich-editor-kit
Nov 10, 2026
Merged

dev-goraebap merged 2 commits into
mainfrom
codex/rich-editor-kit

Conversation

@dev-goraebap

Copy link
Copy Markdown
Owner

사내 업무 앱에서 다듬은 리치 에디터·화면 규칙·보안 규칙과 도구 개선 제안 기준을 Webcraft 0.10.0으로 옮깁니다. 이 브랜치에는 앞선 커밋(가이드 사이트의 화면 이동 정리)도 함께 들어 있습니다.

키트

  • 본문 칸(RichDraft·RichBody)을 리치 에디터 참고 구현으로: 표 도구·열 너비 끌기, 블록 메뉴와 단축키, 선택 서식 도구, 링크 입력, 올리는 칸, 미디어·파일 카드, Mermaid, 격리된 HTML 임베드, 링크 카드. Tiptap 확장 3.32.0 고정. 키트 리비전 8.
  • 대화상자 데스크톱 안 여백 40/24/12px, 전용 수정 화면(BodyEditPage)과 플레이그라운드 수정 화면, 옆 목록 기본 너비 = 최대값.

지침 (기존 규칙을 바꾸는 항목 포함)

  • 바뀐 규칙: 대화상자 안 여백, 본문 편집은 상세 안 전환 대신 수정 화면, 옆 목록 기본 너비, 본문 칸 Tiptap 예시의 위치, 본문 1단계 제목 금지.
  • 새 문서: design-system/references/print.md, backend/references/untrusted-content.md, goraebap-mode/references/tool-improvements.md. 글꼴 설정(typography), 제품 플러그인의 피드백 접수(product-plugins).

검증

  • npm run check, npm test(10), npm run site:check, npm run site:test(28 파일, 349 테스트), npm run site:build 통과.
  • 가이드 사이트에서 1440 라이트·다크, 390 휴대폰 견본 확인. 열 너비 끌기·실행 취소, 다크 블록 메뉴 위치, 휴대폰 대화상자 여백 확인.
  • 확인하지 못한 것: 실제 서버 연동(올리기, 링크 미리보기, HTML 격리 응답), 터치 기기, 화면 낭독기, 2560 화면.

🤖 Generated with Claude Code

dev-goraebap and others added 2 commits November 9, 2026 20:24
- 로켓 덮개와 이동마다의 페이드 인을 빼고, 150ms 뒤 카드 위 진행 줄과 콘텐츠 영역 200ms View Transition 교차 페이드로 바꾼다.
- 빌드 때 문서의 견본 id·도표 원문을 뽑아 loader에서 견본 정보와 도표 SVG를 미리 준비한다. 새 문서가 처음부터 제 높이로 그려진다.
- 크는 견본은 미리 잰 크기(npm run site:sizes → sample-sizes.json)와 브라우저에 기억한 크기로 자리를 잡고, 다 그려진 뒤 나타난다.
- 개요 페이지가 있는 메뉴 묶음은 첫 하위 문서가 아니라 그 페이지로 간다.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
- 키트 본문 칸(RichDraft·RichBody): 표 도구와 열 너비 끌기, 블록 메뉴와 단축키, 선택 서식 도구, 링크 입력, 올리는 칸, 미디어·파일 카드, Mermaid, 격리된 HTML 임베드, 링크 카드. Tiptap 확장 3.32.0 고정.
- 화면 규칙: 대화상자 데스크톱 여백 40/24/12px, 본문은 전용 수정 화면(BodyEditPage)에서, 본문 제목은 2단계부터, 옆 목록은 최대 너비로 연다, 인쇄·PDF(print.md), 글꼴 설정.
- 백엔드: 올린 HTML을 격리해 보이기와 링크 미리보기의 SSRF 막기(untrusted-content.md).
- 작업 방식: MCP·플러그인 도구의 부족을 발견했을 때의 제안 기준(tool-improvements.md)과 제품 플러그인의 피드백 접수.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
@dev-goraebap
dev-goraebap merged commit 7c6484b into main Nov 10, 2026
1 check passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant