Skip to content

Releases: tonywjs/html-doc

HTML Doc 1.7.0

Choose a tag to compare

@tonywjs tonywjs released this 17 Sep 07:55

문단, 카드, 표의 행 같은 덩어리를 통째로 지우는 블록 삭제를 넣었습니다.

블록 선택, 삭제, 되돌리기

  • 블록 선택으로 커서가 있는 블록을 잡습니다. 다시 누르면 상위 블록으로 넓어집니다.
  • 블록 삭제로 지우고, 토스트의 되돌리기나 Ctrl/Cmd+Z로 복원합니다.
  • 표에서는 칸이 아니라 행 단위로 지웁니다. 칸 하나만 빼면 열이 어긋나기 때문입니다.

왜 직접 지우는가

브라우저 기본 삭제는 지운 블록을 이웃과 합치면서 살아남은 블록의 클래스를 잃습니다. 예시 문서에서 문단을 지우면 옆 태그 문단의 스타일이 조용히 사라졌습니다. 표의 행은 아예 지워지지 않았습니다. 그래서 엔진이 노드를 직접 떼어내고, 되돌리기도 직접 붙였습니다.

README 개편

무엇이고 어떻게 쓰는지 한 화면에서 알 수 있게 다시 썼습니다. 1분 만에 써보기, 문서 예시 이미지, 기능별 데모 영상, 편집·저장·메모·변경 사항·배포용 저장·모바일 사용법이 들어 있습니다. README 보기

이미 만들어 둔 문서

엔진만 교체하면 새 기능이 붙습니다. 새로 만들 문서는 이 릴리스의 demo.html이나 add-editor.html을 쓰세요.

검증

실제 키 입력과 히트테스트 기준으로 회귀 검증 14개를 추가했습니다(tests/review-notes.js 52 → 66). 이웃 블록 스타일 보존, 표 행 삭제, 되돌리기 버튼이 실제로 눌리는지, 히스토리 복원 뒤 지운 블록이 되살아나지 않는지를 포함합니다.

HTML Doc 1.6.1

Choose a tag to compare

@tonywjs tonywjs released this 15 Sep 04:31

편집 루트가 display:contents일 때 편집 모드에서 키 입력이 무시되던 문제를 고쳤습니다.

tools/add-editor.html로 변환한 문서 중 원본에 #doc-content가 없던 경우, 본문을 감싼 컨테이너가 display:contents라 박스를 만들지 않아 편집 호스트가 포커스를 받지 못했습니다. 캐럿은 보이지만 모든 키 입력이 버려졌습니다.

  • 편집 중에만 편집 루트에 박스를 만들고, 보기 모드로 돌아가면 원래 값으로 되돌립니다.
  • 저장본과 배포용 HTML에는 임시 스타일이 남지 않습니다.
  • 편집 루트를 일부러 flex·grid로 만든 문서는 그대로 둡니다.

이미 만들어 둔 문서

엔진만 교체하면 고쳐집니다. 재변환은 필요하지 않습니다. 새로 변환할 문서는 이 릴리스의 add-editor.html을 사용하세요.

검증

실제 키 이벤트 회귀 검증 4개를 tests/attach-editor.js에 추가했습니다. 기존 스위트는 textContent를 대입할 뿐 키를 누르지 않아 이 유형의 버그를 잡을 수 없었습니다.

이슈 #1을 자세히 보고해 주신 @hkt777777-sys 님께 감사드립니다.

HTML Doc 1.6.0

Choose a tag to compare

@tonywjs tonywjs released this 15 Sep 02:00

받은 문서에서 무엇이 바뀌었는지 보고, 메모로 근거와 의견을 주고받을 수 있게 되었습니다. 문서를 보내고 고쳐서 돌려받는 흐름을 파일 하나로 처리합니다.

  • 변경 사항 보기: 저장본이나 다른 HTML 파일과 비교해 추가·삭제·수정·서식 변경을 본문 위에 표시합니다. 기본 기준은 "나 아닌 사람이 저장한 가장 최근 버전"이고, 변경마다 원래대로로 되돌릴 수 있습니다.
  • 메모: 본문을 선택해 메모를 남기고 답글·해결로 주고받습니다. 메모는 파일 안에 저장되며 배포용 HTML에는 남지 않습니다.
  • 이름과 저장 기록: 첫 메모나 첫 저장 때 이름을 한 번 물어 브라우저에 기억하고, 저장본마다 누가 언제 저장했는지 남깁니다.
  • 브라우저 백업 안전장치: 첫 저장에서 문서 ID를 부여해 백업을 문서별로 구분하고, 다른 저장본에서 만든 백업은 복구 전에 알립니다.

사용해 보기

  • demo.html: 내려받아 브라우저에서 열면 편집·메모·변경 사항 보기를 체험할 수 있습니다.
  • add-editor.html: 기존 HTML 파일을 선택해 편집 가능한 사본을 만듭니다.
  • html-doc-v1.6.0.zip: AI용 스킬과 소스 전체입니다. 설치 방법은 README를 참고하세요.

기존 문서 업데이트

엔진이 문서에 인라인되어 있어 자동으로 갱신되지 않습니다. 본문·디자인·히스토리를 유지한 채 크롬 9블록과 #doc-notes 저장소, 엔진 CSS/JS를 함께 교체하세요. 자세한 절차는 references/guide.ko.md에 있습니다.

현재 UI는 한국어입니다. 첫 파일 저장은 지원 브라우저에서 대상 선택이 필요하며, 미지원 환경에서는 다운로드로 동작합니다. MIT 라이선스로 공개합니다.

HTML Doc 1.5.0

Choose a tag to compare

@tonywjs tonywjs released this 10 Sep 07:56

HTML 문서를 브라우저에서 직접 편집하고 저장할 수 있게 만든 도구입니다.
Claude Code·Codex에서 사용할 수 있는 Agent Skill과, AI 없이도 실행할 수 있는 단독 HTML 도구를 함께 공개합니다.

  • 글자·서식·표 편집, 히스토리와 자동 백업
  • 편집기 없는 배포용 HTML 저장
  • 기존 HTML에 편집기 추가
  • 모바일 편집 UI

사용해 보기

  • demo.html: 내려받아 브라우저에서 열면 편집 기능을 체험할 수 있습니다.
  • add-editor.html: 기존 HTML 파일을 선택해 편집 가능한 사본을 만듭니다.
  • html-doc-v1.5.0.zip: AI용 스킬과 소스 전체입니다. 설치 방법은 README를 참고하세요.

현재 UI는 한국어입니다. 첫 파일 저장은 지원 브라우저에서 대상 선택이 필요하며, 미지원 환경에서는 다운로드로 동작합니다. MIT 라이선스로 공개합니다.