마지막 문자가 개행 문자인 경우 무시되는 현상

마지막 문자가 개행문자인 경우 무시되는 현상

  • 현상
    • HTML Tag의 마지막 문자가 단독으로 존재하는 개행문자인 경우 개행처리를 하지 않음
  • 현상 확인 방법
    1. DOM에 value 직접 셋팅
    2. 단독 개행문자(Enter)
      단독 개행문자(br Tag)
    3. script를 사용하여 innerHTML의 value 변경

    4. \n이 마지막으로 변경
      \r\n이 마지막으로 변경
      br Tag가 마지막으로 변경
  • 해결 방안
    • 개행문자(\n, br tag, etc...)를 하나 더 추가하여 개행처리가 되도록 한다.
    • br Tag 2번 사용

    • textarea tag를 사용 한다.(단일 개행문자 적용가능)
  • 테스트 환경
    • IE11, Chrome, FF, Edge, Opera, Safari
  • 기타
    • innerHTML만이 아닌 textcontent로 개행문자를 적용 시 동일하게 현상 발생.

댓글