HTML 코드의 특수 문자를 엔티티 문자로 변환하는 사이트, TRICKS OF IT

<pre>와 <code> 태그 등을 이용해서 HTML이나 자바스크립트 등의 코드를 블로그에 표시하려고 할 때, <> 이 문자들을 엔티티 문자로 변환하지 않으면 소스 코드가 써놓은 그대로 보여지지 않고 사라지거나, 혹은 코드가 실행이 되어버린다.

블로그 에디터에 그대로 소스 코드를 붙여 넣은 다음에 에디터를 HTML 모드로 변경해도 되기는 하지만, 어느 정도의 편집이 필요하고, 만약 소스 코드가 100줄이 넘어가면 편집도 힘들어진다.

그래서 결국 엔티티 문자 변환 사이트 등을 이용해야 하는데, 내가 이용하는 웹사이트를 소개하려고 한다.

TRICKS OF IT

HTML Parser Tool Online

This HTML Parser Tool is created for parse Google Adsense code so it can be added into Blogger Template body. This tool lets you display HTML code in your blog posts. If you will add Google Adsense to Blogger Template without parse it will not display, so this parser would solve the problem. Enter your code in upper box and you will get escaped code instantly in lower box.

tricksofit.com

이 사이트는 웹사이트라기 보다는 사실 블로그에 가까운 사이트다.

최근 4년 동안 새 글이 올라오지 않고 있다는 점이 언제 사라질지 조금 불안한 느낌도 주지만, 어쨌든 아직도 여전히 접속이 가능한 사이트다.

위의 링크를 통해서 들어가면 바로 엔티티 문자 변환 툴이 나오지만,

굳이 엔티티 문자 변환 툴로 이동하는 방법을 보여주자면,

이미지처럼 상단 메뉴에서 HTML Parser Tool Online으로 이동하면 된다.

사용법은 뭐 설명할 필요도 없다.

이렇게 HTML 코드를 붙여 넣으면 하단에 실시간으로 변환된 문자가 출력이 돼서,

복사해서 사용하면 된다.

이 글이 도움이 됐거나 유익했다면 스크롤을 조금만 더 내려서 댓글을 남겨주세요. (비로그인도 가능합니다!)
응원이나 피드백이 담긴 댓글은 제가 계속 블로그를 해나갈 수 있는 원동력이 됩니다. 😊

지인에게 보여주고 싶은 글이었다면 URL을 복사해서 메신저나 소셜 미디어에 공유해 주세요.