현상
Chrome에서 코드 블록 내에서 텍스트를 편집할 때 줄바꿈이 손실되거나 새줄로 보존되는 대신 <br> 태그로 변환될 수 있습니다. 이것은 코드 서식과 구조를 깨뜨립니다.
재현 예시
- 여러 줄이 있는 코드 블록을 만듭니다
- 코드를 편집합니다 (줄 추가, 삭제, 수정)
- 줄바꿈 보존을 관찰합니다
관찰된 동작
- 줄바꿈이 손실됩니다
- 또는 줄바꿈이
<br>태그로 변환됩니다 - 코드 구조가 깨집니다
- 서식이 손실됩니다
예상 동작
- 줄바꿈이 보존되어야 합니다
- 코드 구조가 유지되어야 합니다
- 서식이 그대로 유지되어야 합니다
- 동작이 코드 편집기와 일치해야 합니다
브라우저 비교
- Chrome/Edge: 줄바꿈이 손실될 수 있음 (이 케이스)
- Firefox: 유사한 줄바꿈 문제
- Safari: 줄바꿈 보존이 일관되지 않음
참고 및 해결 방법 가능한 방향
white-space: preCSS가 적용되도록 보장- 새줄을 올바르게 삽입하기 위해 Enter 키 가로채기
- 편집 중 줄바꿈 보존
- 손실된 경우 줄바꿈 모니터링 및 복원