티스토리 HTML 압축 시 덧글 안달아지는 문제

 최근 스킨을 개발하다가 여느 웹 작성과 마찬가지로 코드를 압축하기로 하였는데. 압축하고나서 덧글 작성이 안되는 것이였다.

소스코드 압축에는 https://htmlcompressor.com/compressor/ 여기를 사용하였다.

도대체 왜 그럴까... 하는 생각에서 개발자 도구를 보니까. 오류가 떠 있었다.

오류 내용은

Uncaught SyntaxError: Unexpected token }

'}' 이거를 안닫아서 발생하는건 스타일이나 자바스크립트 밖에 없을테고, 오류가 난 지점을 찾아보니

다음과 같이 나왔다. </p> 부분이 오류라고 가리키고 있지만, 실제로는 그 위에 있는 input 태그의 onclick 속성이 문제이다.

이 부분은 사용자가 치환자를 적어주면 티스토리에서 알아서 소스코드로 변경을 해주기 때문에 이 부분은 수정을 할 수 없다. 그래서 소스 압축에서 옵션을 설정해주면 된다.

여기서 Show Option을 클릭해서 옵션을 조정하여야 한다.

여기서 Never strip quotes를 클릭해서 속성 들에 붙은 큰 따옴표를 제거하지 않도록 설정해주면 이제 소스 압축을 하더라도 불상사가 발생하지 않는다.

옵션을 변경한다음 다시 소스코드를 압축해보면 정상적으로 오류없이 댓글달기가 눌러진다.

이렇게 잘~된다.