티스토리 코드블럭 버그

벌레타입 뱃지를 처음 받아봅니다.

ㅠㅠ

예전에는 그러지 않았는데, 갑자기 어제? 오늘? 글을 쓰다 보니 코드블럭 스타일을 HTML이나 JS로 선택하게 되면 블로그의 거의 모든 것이 무너지는 현상이 발생했습니다. 예전에 작성한 글들도 살펴보니 HTML, JS 코드블럭 이후에 폰트가 무너지거나, 작성한 글이 끝까지 스크롤이 안되거나, 혹은 실제로 버튼과 같은 HTML, JS 코드블럭 속에 있는 HTML TAG에 해당하는 것이 그려지는... 상황이 발생했습니다. 특정 상황에서는 또 HTML 스타일을 선택하더라도 해당 현상이 발생하지 않는 경우도 있습니다. 당장 쓰고 있던 글을 발행할 수가 없어서 고객센터에 글을 남겼습니다.

현상

글은 이렇게 작성 했으나 - (span tag 속에 글자를 만들고 있습니다.)

실제로는 - (division tag 으로 DOM을 구성합니다.)

걱정

현상의 원인을 정확히 알 순 없지만 font의 적용이 하위의 코드블럭이 아닌 영역에도 영향을 미치는 것을 보면 스크립트 삽입도 가능할 듯합니다. PDF viewer 등등 모든 것이 무너집니다. ㅠㅠ 조속히 해결되었으면 좋겠습니다. ㅎㅎ

+ (해결)

빠른 해결 감사합니다.

예전에 댓글 작성 컴포넌트를 만들면서, Toast UI editor를 사용했었던 기억이 납니다. 에디터와 뷰어 모드를 서로 전환할 때 dangerouslySetInnerHTML를 사용해서 뷰어 속에 HTML를 삽입하고, 각 Tag에 대해서 스타일을 적용했었습니다. 저장한 에디터와 실제 뷰어에서 보여주는 HTML이 다르게 구성되었던 경험이 있었는데 아마 그런 부분이 아닐까 싶습니다. 차후 기회가 된다면 해당 서드파티 라이브러리에 대해서 공유드리도록 하겠습니다. 해결이 되어서 너무 다행입니다. ~~