feat: 수식 편집 LaTeX/hwpeq 입력 모드 토글 UI (closes #763)#765
Closed
oksure wants to merge 1 commit into
Closed
Conversation
수식 편집 대화상자에 명시적 입력 모드 전환 기능 추가:
- 타이틀바에 hwpeq/LaTeX 모드 토글 버튼 배치
- Ctrl+M 단축키로 모드 전환
- 모드별 도구 모음 템플릿 전환:
hwpeq: {} over {}, sqrt {}, alpha ...
LaTeX: \frac{}{}, \sqrt{}, \alpha ...
- textarea placeholder 힌트 모드별 변경
- 모드 인디케이터 시각 표시 (LaTeX: 파란색, hwpeq: 기본색)
WASM/파서 변경 없음 — PR #729의 기존 파서 확장 방식에서
두 문법 모두 동일한 파서로 처리됨.
Closes edwardkim#763
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Contributor
There was a problem hiding this comment.
Pull request overview
수식 편집 대화상자(rhwp-studio)에서 hwpeq / LaTeX 입력 모드를 명시적으로 전환할 수 있도록 UI 토글을 추가하고, 모드에 따라 도구 모음 템플릿/placeholder 힌트가 바뀌도록 하는 변경입니다.
Changes:
- 타이틀바에 hwpeq/LaTeX 모드 인디케이터 버튼 추가 및 클릭으로 모드 전환
Ctrl+M단축키로 입력 모드 토글 추가- 모드별 템플릿 목록(HWPEQ vs LaTeX) 분리 및 툴바/placeholder 동적 전환 + 관련 CSS 스타일 추가
Reviewed changes
Copilot reviewed 2 out of 2 changed files in this pull request and generated 2 comments.
| File | Description |
|---|---|
| rhwp-studio/src/ui/equation-editor-dialog.ts | 입력 모드 상태/토글, 모드별 템플릿 배열 분리, 툴바 재구성 및 placeholder 힌트 전환 추가 |
| rhwp-studio/src/styles/dialogs.css | 타이틀바 모드 토글 버튼/인디케이터 스타일 추가(LaTeX 모드 색상 강조) |
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
| this.modeIndicator = document.createElement('span'); | ||
| this.modeIndicator.className = 'eq-mode-indicator'; | ||
| this.updateModeIndicator(); | ||
| modeBtn.appendChild(this.modeIndicator); |
Comment on lines
276
to
282
| this.handleOk(); | ||
| } | ||
| // 대화상자 내부 이벤트가 편집기로 전파되지 않도록 | ||
| if (e.key === 'm' && e.ctrlKey && !e.shiftKey && !e.altKey) { | ||
| e.preventDefault(); | ||
| this.toggleMode(); | ||
| } | ||
| e.stopPropagation(); |
edwardkim
added a commit
that referenced
this pull request
May 10, 2026
PR #738 (@oksure) 옵션 A 처리 — 2 commits cherry-pick + no-ff merge. 본질 정정 (2 files, +601/-98): - rhwp-studio/src/ui/equation-editor-dialog.ts (+447/-91): · HWP ↔ LaTeX 듀얼 입력 모드 (InputMode = 'hwp' | 'latex' + setMode/toggleMode) · 타이틀바 모드 토글 버튼 + 기존 스크립트 영역 영역 \명령어 존재 시 LaTeX 모드 자동 시작 · 탭 기반 130+ 템플릿 (7 탭: 구조/그리스/연산자/화살표/함수/장식/특수) · 명령어 자동완성 드롭다운 (2자 이상 입력 시 활성화, ↑↓ 선택 / Tab+Enter 확정 / Esc 닫기, 기호+이름+그룹 표시) · 기호 검색 (이름/유니코드 → 커서 위치 삽입) · LaTeX 전환 힌트 (HWP 모드 영역 \ + 영문자 감지 → 안내 배너) - rhwp-studio/src/styles/dialogs.css (+154/-7): 신규 UI 요소 영역 CSS (모드 토글 / 탭 / 자동완성 / 검색 / LaTeX 힌트) Copilot 리뷰 반영 (commit `f4636679`): LaTeX 모드 자동완성 정정 — 모드별 insert 분리 + 빈 name 방지 + 백슬래시 중복 제거. 백엔드 변경 부재: - Rust 수식 파서 영역 영역 PR #729 (closes #143) 영역 영역 양 구문 처리 영역 영역 활용 - WASM 변경 부재 — TypeScript + CSS 만 자기 검증: - cherry-pick 충돌 0건 - tsc --noEmit ✅ 통과 - 광범위 sweep 7 fixture / 170 페이지 / 회귀 0 ✅ (TypeScript 영역 영역 SVG 무영향 입증) - WASM 빌드 4.66 MB - 작업지시자 시각 판정 ✅ 통과 (dev server 영역 영역 모드 토글 / 자동완성 / 탭 템플릿 / 기호 검색 / LaTeX 힌트 5개 영역 영역 정합) PR supersede 체인 (a) 패턴 — close+통합 머지: - PR #738 영역 영역 PR #765 (closes #763, 5/9 19:35 등록, 동일 컨트리뷰터 @oksure) 영역 영역 의 본질 (UI 모드 토글) 영역 영역 완전 포함 - PR #765 영역 영역 close + Issue #763 close (PR #738 영역 영역 통합 영역 영역 명시) closes #144 관련: PR #765 (closes #763) — PR #738 영역 영역 supersede ((a) 패턴)
edwardkim
added a commit
that referenced
this pull request
May 10, 2026
- mydocs/pr/archives/pr_738_review.md: 검토 문서 archives 이동 - mydocs/pr/archives/pr_738_report.md: 처리 보고서 작성 · 수식 편집 UI 개선 (듀얼 모드 + 자동완성 + 탭 130+ 템플릿 + 기호 검색 + LaTeX 힌트) · 백엔드 변경 부재 (PR #729 영역 영역 Rust 수식 파서 활용) · 작업지시자 시각 판정 ✅ 통과 · feedback_pr_supersede_chain (a) 패턴 권위 사례 — PR #738 영역 PR #765 (closes #763) supersede - mydocs/orders/20260510.md: PR #738 항목 추가 (5/10 사이클 영역 영역 11건 처리)
This was referenced May 10, 2026
Owner
|
@oksure 님, PR #738 (closes #144) 영역 영역 본 PR 영역 영역 의 본질 (hwpeq/LaTeX UI 모드 토글) 영역 영역 완전 포함 영역 영역 supersede 처리합니다. |
This was referenced May 10, 2026
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
구현 내용
수식 편집 대화상자에 hwpeq / LaTeX 명시적 입력 모드 전환 기능을 추가합니다.
모드 토글 UI
hwpeq/LaTeX모드 인디케이터 버튼 배치Ctrl+M단축키로 모드 전환모드별 도구 모음
{} over {},sqrt {},sum _{}^{},alpha...\frac{}{},\sqrt{},\sum_{}^{},\alpha...입력 힌트
범위
변경 파일
rhwp-studio/src/ui/equation-editor-dialog.ts: 모드 상태 + 토글 + 템플릿 전환rhwp-studio/src/styles/dialogs.css: 모드 토글 버튼 스타일검증
tsc --noEmit: 오류 없음 (WASM 모듈 제외)Closes #763
감사합니다.