본문 바로가기
정보

블로그 소스코드 가독성, 에디트 플러스(EditPlus)에서 한방에 해결하자

by ❣ ✚ ✪ ✣ ✤ 2011. 12. 5.
반응형
  


소스코드의 가독성은 글을 적을때 정말 고민스러운 문제가 아닐 수 없습니다. Syntax Highlighter를 이용하면 포스팅 본문에 소스코드를 삽입할때 매우 간결하게 표현해낼 수 있습니다. 그리고 소스보기, 복사,  인쇄기능까지 제공하여 사용자 편의성을 높일 수 있죠. 하지만 Syntax Highlighter의 단점은 티스토리의 경우에 스킨을 변경하게 되었을때 다시 설치를 해주어야만 한다는 것입니다. 만약 설치를 하지 않게되면 전체 포스팅에서 Syntax Highlighter가 들어간 영역이 모두 이상하게 표현되어 버립니다. 두번째 단점은 미세하긴하지만 페이지 로딩에도 영향을 미칩니다. 그래서 보다 쉽고 단순화된 방법을 찾아 헤메이던중 정말 기가 막힌 방법을 찾아냈습니다. 바로 에디트 플러스의 클립보드를 이용한 방법인데요 한번 보시죠~!


에디트 플러스를 이용한 코드가독성 해결


에디트 플로스 공식 홈 : http://www.editplus.com/kr/

에디트 플러스는 상용프로그램입니다. 하지만 평가판으로도 충분히 사용할만한 좋은 국산 프로그램이죠. 사용해보시고 마음에 드신다면 구입을 고려해보셔도 좋습니다. 왠지 장사는거 같네요... 절대 장사하는거 아닙니다...ㅜㅜ
공식홈을 열고 평가판을 다운로드 받으세요. 



에디트 플러스에서 태그를 작성하고 영역을 선택한 다음 클립보드 > HTML로 복사를 선택합니다.

자, 이제 티스토리로 돌아와서 글쓰기영역 오른쪽 상단에 HTML에 체크를 하고 코드를 삽입하고자 하는 부분에 붙여넣기해주세요.

<결과화면>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title> New Document </title> <meta name="Generator" content="EditPlus"> <meta name="Author" content=""> <meta name="Keywords" content=""> <meta name="Description" content=""> </head> <body> </body> </html>


멋있지 않습니까? 스크립트를 사용하는 방식이 아니라 페이지 로딩도 빠르고, 스킨이 변경되어도 전혀 영향을 받지 않습니다. 그리고 원하는 태그의 하이라이트는 에디트플러스에서 얼마든지 수정이 가능합니다. 코드라인이 표현되지 않는다는 점이 단점이긴하지만, 그 외에는 제가 볼때는 완벽해 보이는군요. 도움이 좀 되셨나요?
 
고도를 기다리며 zenith5.tistory.com by 킥스
<관련글>2011/12/03 - [Blog] - SNS, 티스토리 블로그와 SNS 연동법 2탄
2011/11/25 - [Blog] - SNS로 블로그 글을 자동전송 해보자~!


반응형

댓글