- 도구 모음: 글꼴 · 크기 · 굵게 · 기울임 · 밑줄 · 취소선 · 글자색 · 채움색 · 가로/세로 정렬 · 줄 바꿈 · 병합 · 테두리 · 숫자 형식 · 되돌리기 - 시트 탭: 더하기 · 이름 바꾸기 · 지우기 · 복사 · 끌어 옮기기 - 우클릭 메뉴: 칸 · 행 머리 · 열 머리별 명령(공용 `ui_template_context_menu` 재사용) - 클립보드: 안 → 안 서식 · 병합 · 수식 상대 이동 왕복 · 밖 → 안(엑셀 값 + 「수식 표시」 · 구글 R1C1) · 안 → 밖(TSV + 인라인 서식 HTML) - E 화면 시험 틀(A · B 몫 가짜 대역) · TSV 파싱 Node 시험 추가
53 lines
1.4 KiB
HTML
53 lines
1.4 KiB
HTML
<!doctype html>
|
|
<html lang="ko">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>E 화면 시험 — 도구 모음 · 탭 · 메뉴 · 클립보드</title>
|
|
<link rel="stylesheet" href="../../../ui_template/ui_template_theme.css" />
|
|
<style>
|
|
body {
|
|
margin: 16px;
|
|
}
|
|
#ss-root {
|
|
position: relative;
|
|
border: 1px solid #ccc;
|
|
min-height: 200px;
|
|
padding: 40px;
|
|
}
|
|
#tabs-slot {
|
|
margin-top: 8px;
|
|
}
|
|
#log,
|
|
#paste-out {
|
|
white-space: pre-wrap;
|
|
background: #f6f7fa;
|
|
border: 1px solid #ccc;
|
|
padding: 8px;
|
|
max-height: 200px;
|
|
overflow: auto;
|
|
font-size: 12px;
|
|
}
|
|
#paste-zone {
|
|
border: 2px dashed #999;
|
|
padding: 16px;
|
|
margin-top: 8px;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<h3>E 화면 시험 틀</h3>
|
|
<div id="toolbar-slot"></div>
|
|
<div id="ss-root">
|
|
<p>격자 자리 표시자 — 왼쪽 30px = 행 머리 · 다음 30px = 열 머리 · 나머지 = 칸(우클릭 시험)</p>
|
|
</div>
|
|
<div id="tabs-slot"></div>
|
|
<h4>붙여넣기 시험 — 여기 눌러 포커스 뒤 Ctrl+V</h4>
|
|
<div id="paste-zone" tabindex="0">여기 클릭 뒤 Ctrl+V</div>
|
|
<pre id="paste-out"></pre>
|
|
<h4>로그</h4>
|
|
<pre id="log"></pre>
|
|
<script type="module" src="./e_harness.ts"></script>
|
|
</body>
|
|
</html>
|