구글 블로거 에디터 HTML모드에서 태그 정렬하는법
HTML모드 태그 정렬
구글 블로거도 티스토리처럼 HTML편집모드를 제공하는데 에디터 자체가 티스토리처럼 사용자 편의를 봐주는 그런 에디터는 아니라서 처음 시작하면 여러가지로 공부해야 할게 많습니다.
특히 일반에디터로 글을 작성하고 일정 부분은 HTML편집기로 수정을 해줘야 하는 부분이 있는데 전환하면 HTML태그를 전부 압축해서 보여주기 때문에 당황스러운 면이 있네요.
![]() |
구글블로그 HTML모드 보기 |
압축된 HTML태그를 정렬하기
에디터에 글을 작성하고 HTML모드로 변환하면 아래처럼 태그가 줄바꿈 없이 압축되서 보여지게 됩니다. 아마 속도를 향상시키기 위해 이러식으로 자동변환 시키는것 같은데 이 상태로는 수정을 진행하기가 어렵습니다.
![]() |
줄바꿈이 안된 HTML코드 |
이때 에디터 상단에 보면 아래 그림과 같은 3개의 줄이 계단형태로 정렬되어 있는 아이콘이 있습니다. 이 아이콘이 줄바꿈이 안되어있는 압축된 HTML코드를 보기 좋은 형태로 정렬해주는 아이콘입니다.
![]() |
HTML코드 정렬 아이콘 |
HTML정렬 아이콘을 클릭하면 아래처럼 줄바꿈이 안되어 알아볼 수 없게 되어있는 HTML태그가 보기좋게 정렬됩니다.
![]() |
HTML 정렬 완료모습 |
HTML모드에서 검색하기
HTML모드로 보면 워낙 내용이 방대하다보니 특정 단어를 찾기가 어려운데요. 이럴때는 상단의 돋보기 아이콘을 클릭하거나 콘트롤+F 키를 누르면 아래 그림처럼 검색란이 나오게 됩니다. 여기서 원하는 단어를 검색하면 하이라이트로 표시해줍니다.
![]() |
HTML모드 검색창 |
티스토리 하던 시절에 비해서 간단한 내용을 작성하는것조차 구글블로그에서는 시간이 너무 오래걸리네요. 티스토리와 비교하면 안되는건 없는데 에디터 기능상 그걸 표현하기까지 시간이 너무 오래걸리는 단점이 있습니다.
정렬한 코드를 다시 압축하려면 아래 링크를 참조하세요